{"id":691,"date":"2011-02-19T18:31:19","date_gmt":"2011-02-19T09:31:19","guid":{"rendered":"http:\/\/www.webcyou.com\/?p=691"},"modified":"2016-04-11T04:43:25","modified_gmt":"2016-04-10T19:43:25","slug":"css3%e3%82%92%e3%81%a4%e3%81%8b%e3%81%a3%e3%81%a1%e3%82%83%e3%81%84%e3%81%aa%e3%82%88%e3%80%82%e3%81%ae%e4%bb%b6","status":"publish","type":"post","link":"https:\/\/www.webcyou.com\/?p=691","title":{"rendered":"css3\u3092\u3064\u304b\u3063\u3061\u3083\u3044\u306a\u3088\u3002\u306e\u4ef6\uff08\u30dc\u30bf\u30f3\u30c7\u30b6\u30a4\u30f3\u7de8\uff09"},"content":{"rendered":"

\u3082\u3046\u304b\u306a\u308acss3\u3092\u5c0e\u5165\u3055\u308c\u3066\u3044\u308b\u30b5\u30a4\u30c8\u304c\u5897\u3048\u3066\u6765\u3066\u3044\u308b\u3068\u601d\u3044\u307e\u3059\u304c\u3001<\/p>\n

\u3053\u3053\u3067\u3082\u3046\u4e00\u56de\u304a\u3055\u3089\u3044\u3092\u3057\u3061\u3083\u3063\u305f\u308a\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n

CSS3\u3067\u4f55\u304c\u51fa\u6765\u308b\uff1f\uff1f<\/strong><\/h4>\n

\u30fb\u30c7\u30b6\u30a4\u30f3\u306e\u5b9f\u88c5\u304c\u753b\u50cf\u3092\u4f7f\u7528\u305b\u305a\u5b9f\u88c5\u5316<\/p>\n

\u30fbFlash\u3001js\u3092\u4f7f\u7528\u305b\u305a\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u5316<\/p>\n

\u30682\u70b9\u3002<\/p>\n

\u3042\u308c\uff1f\u610f\u5916\u306b\u601d\u3044\u3064\u304b\u306a\u304b\u3063\u305f\u3002\uff08\u7b11\uff09<\/p>\n

\u3067\u3082\u3053\u306e2\u70b9\u304b\u306a\u308a\u91cd\u8981\u3067\u3059\u3002<\/p>\n

\u3053\u306e2\u70b9\u304c\u884c\u3048\u308b\u4e8b\u306b\u3088\u3063\u3066\u304b\u306a\u308a\u306e\u5b9f\u88c5\u306e\u5e45\u304c\u5897\u3048\u307e\u3057\u305f\u3002<\/p>\n

\u3067\u306f\u5b9f\u969b\u306b\u4f7f\u7528\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n

\u4f7f\u7528\u306e\u6ce8\u610f\u70b9<\/strong><\/h4>\n

\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u4f7f\u7528\u53ef\u80fd\u306a\u306e\u306f\uff08\u5148\u884c\u5b9f\u88c5\u3055\u308c\u3066\u3044\u308b\u30d6\u30e9\u30a6\u30b6\uff09\u3001<\/p>\n

\u73fe\u6bb5\u968ewebkit,moz,opera\u306a\u3069\u306e\u30d6\u30e9\u30a6\u30b6\u3002IE\u306b\u81f3\u3063\u3066\u306f\u4e00\u90e8\u4f7f\u7528\u53ef\u80fd\u3067\u3059\u304c\u3001<\/p>\n

\u307b\u307c\u4f7f\u7528\u51fa\u6765\u306a\u3044\u3068\u601d\u3063\u3066\u3044\u305f\u3060\u3051\u308c\u3070\u3002\u3002\u3002<\/p>\n

\u4f7f\u7528\u3059\u308b\u969b\u3001\u30d9\u30f3\u30c0\u30fc\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3068\u3044\u3046\u3082\u306e\u304c\u5fc5\u8981\u3067\u3001<\/p>\n

\u30cf\u30c3\u30af\u3068\u3044\u3046\u8a8d\u8b58\u3067\u9593\u9055\u3044\u306a\u3044\u304b\u3068\u3002<\/p>\n

\n
\u3010\u5404\u30d6\u30e9\u30a6\u30b6\u306e\u30d9\u30f3\u30c0\u30fc\u30d7\u30ec\u30d5\u30a3\u30c3\u30af\u30b9\u3011<\/span><\/h5>\n

-moz-\u3000\u3000\u3000\u3000Firefox
\n -webkit-\u3000 \u00a0 \u00a0 \u00a0 \u00a0 Google Chrome\u3001Safari
\n -o-\u3000\u3000\u3000\u3000 \u00a0 \u00a0 \u00a0Opera
\n -ms-\u3000\u3000\u3000 \u00a0 \u00a0 \u00a0 Internet Explorer
\n \u3067\u306f\u5b9f\u969b\u306b\u30dc\u30bf\u30f3\u306e\u5b9f\u88c5\u3092css3\u3067\u306e\u30dc\u30bf\u30f3\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n

CSS3\u3067\u306e\u30dc\u30bf\u30f3\u306e\u5b9f\u88c5<\/strong><\/h4>\n

\u3053\u3053\u3067\u306fwebkit(safari,Google Chrome)\u3092\u5bfe\u8c61\u306b\u884c\u3044\u307e\u3059\u3002<\/p>\n

\u3010HTML\u3011<\/p>\n

<a href="#">\u30dc\u30bf\u30f3<\/a><\/pre>\n
\u3053\u306e\u72b6\u614b\u3001<\/p>\n
\u3010\u30d6\u30e9\u30a6\u30b6\u8868\u793a\u3011<\/strong><\/p>\n
\"\"<\/a><\/p>\n
\u304b\u3089<\/p>\n
\u3010\u753b\u50cf\u3011\uff08\u30c7\u30b6\u30a4\u30ca\u30fc\u3055\u3093\u304b\u3089\u3042\u304c\u3063\u3066\u304d\u305f\u30c7\u30b6\u30a4\u30f3\u3068\u304b\uff09<\/strong><\/p>\n
\"\"<\/a><\/p>\n
\u3053\u306e\u72b6\u614b\u306e\u30dc\u30bf\u30f3\u306e\u5b9f\u88c5\u3092css3\u3067\u884c\u3044\u307e\u3059\u3002<\/p>\n
\u307e\u305a\u3001\u89aa\u8981\u7d20\u306ep\u30bf\u30b0\u3067\u30dc\u30bf\u30f3\u306e\u767d\u67a0\u306e\u518d\u73fe\u3092<\/p>\n
\u3010CSS\u3011<\/p>\n
\r\n.btn {\r\n  width:280px;\r\n  background:#fff;\r\n  border:#d6d6d6 1px solid;\r\n  -webkit-border-radius:5px;\r\n}\r\n<\/pre>\n
\u96e3\u3057\u304f\u306f\u3042\u308a\u307e\u305b\u3093\u3002CSS3\u30d7\u30ed\u30d1\u30c6\u30a3\u306f-webkit-border-radius:5px;<\/strong>\u306e\u4e00\u3064\u306e\u307f\u4f7f\u7528\u3057\u3066\u307e\u3059\u3002<\/p>\n
\u3053\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u3088\u3063\u3066\u3001webkit(safari,Google Chrome)\u306e\u30d6\u30e9\u30a6\u30b6\u306f\u89d2\u4e38\u306e\u30dc\u30fc\u30c0\u30fc\u3092<\/p>\n
\u5f15\u304f\u4e8b\u304c\u53ef\u80fd\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n
\u3010\u30d6\u30e9\u30a6\u30b6\u8868\u793a\u3011<\/strong><\/p>\n
\"\"<\/a><\/p>\n
\u305d\u308c\u3067\u306f\u3001\u4e2d\u306ea\u8981\u7d20\u306b\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002<\/p>\n
\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u3064\u3044\u3066\u306f\u3053\u3061\u3089<\/a>\u3092\u53c2\u7167\u306b<\/p>\n
CSS3 \u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\uff08gradient\uff09\u306e\u6307\u5b9a\u65b9\u6cd5<\/a><\/h3>\n
.btn > a {\r\n  background: -webkit-gradient(linear,left top,left bottom,from(#FE9448),to(#F0610A));\r\n}<\/pre>\n
a\u8981\u7d20\u306b\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u306e\u5024\u3092\u8ffd\u52a0\u3057\u307e\u3057\u305f\u3002<\/p>\n
\u3010\u30d6\u30e9\u30a6\u30b6\u8868\u793a\u3011<\/p>\n
\"\"<\/a><\/p>\n
\u307e\u3060\u826f\u304f\u5206\u3051\u306e\u5206\u304b\u3089\u306a\u3044\u72b6\u614b\u3067\u3059\uff08\u7b11\uff09<\/p>\n
\u3061\u306a\u307f\u306b\u3000.btn > \u00a0a \u306e >\u306f\u5b50\u30bb\u30ec\u30af\u30bf\u3068\u8a00\u308f\u308c\u308b\u3082\u306e\u3067\u3001\u30af\u30e9\u30b9\u30bb\u30ec\u30af\u30bfbtn\u306e\u5b50\u8981\u7d20\u306b<\/p>\n
\u8a72\u5f53\u3059\u308b\u3082\u306e\u306b\u30d7\u30ed\u30d1\u30c6\u30a3\u3092\u9069\u5fdc\u3055\u305b\u307e\u3059\u3002<\/p>\n
\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u5411\u4e0a\u304c\u306f\u304b\u308c\u307e\u3059\u3002<\/p>\n
\u3067\u306f\u3001\u30c7\u30b6\u30a4\u30f3\u306e\u69d8\u306b\u6574\u5f62\u3002<\/p>\n
.btn > a {\r\n  display:block;\r\n  margin:2px;\r\n  height:44px;\r\n  background: -webkit-gradient(linear,left top,left bottom,from(#FE9448),to(#F0610A));\r\n  -webkit-border-radius: 5px;\r\n}<\/pre>\n
\u3010\u30d6\u30e9\u30a6\u30b6\u8868\u793a\u3011<\/p>\n
\"\"<\/a><\/p>\n
\u306c\u304a\u3049\u301c\u8fd1\u3065\u3044\u3066\u304d\u307e\u3057\u305f\u3088\u3049\u301c\uff01a\u8981\u7d20\u3082\u89d2\u4e38\u306b\u3059\u308b\u306e\u3092\u5fd8\u308c\u305a\u306b\u3002<\/p>\n
\u3067\u306f\u30c6\u30ad\u30b9\u30c8\u306e\u90e8\u5206\u3092\u6574\u5f62\u3002<\/p>\n
.btn > a {\r\n  display:block;\r\n  margin:2px;\r\n  height:44px;\r\n  background: -webkit-gradient(linear,left top,left bottom,from(#FE9448),to(#F0610A));\r\n  -webkit-border-radius:5px;\r\n  line-height:44px;\r\n  text-align:center;\r\n  text-decoration:none;\r\n  color:#FFF;\r\n  font-size:22px;\r\n  font-family:"\u30d2\u30e9\u30ae\u30ce\u89d2\u30b4 Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;\r\n}<\/pre>\n
\u8ffd\u52a0\u3057\u305f\u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u3001<\/p>\n
line-height:44px;<\/div>\n
text-align:center;<\/div>\n
text-decoration:none;<\/div>\n
color:#FFF;<\/div>\n
font-size:22px;<\/div>\n
font-family:”\u30d2\u30e9\u30ae\u30ce\u89d2\u30b4 Pro W3″, “Hiragino Kaku Gothic Pro”, sans-serif;<\/div>\n
\u3053\u3053\u3089\u8fba\u306fcss3\u3067\u306f\u306a\u3044\u306e\u3067\u8aac\u660e\u306f\u7701\u304b\u305b\u3066\u9802\u304d\u307e\u3059\u3002<\/div>\n
\u3059\u308b\u3068\u3001<\/p>\n
\u3010\u30d6\u30e9\u30a6\u30b6\u8868\u793a\u3011<\/p>\n
\"\"<\/a><\/p>\n
\u306c\u304a\u3049\u301c\u301c\u307b\u307c\u5b8c\u6210\u3043\uff1f\uff1f<\/p>\n
\u3042\u3068\u306f\u30b7\u30e3\u30c9\u30a6\u3092\u8ffd\u52a0\u3001.btn\u3068\u30c6\u30ad\u30b9\u30c8\u90e8\u5206\u306b\u30b7\u30e3\u30c9\u30a6\u3092\u8ffd\u52a0\uff01\u305d\u308c\u305e\u308c<\/p>\n
\r\n.btn {\r\n  -webkit-box-shadow:rgba(0,0,0,0.6)1px 1px 2px;\r\n}<\/pre>\n
.btn > a {\r\n  text-shadow:rgba(0,0,0,0.6)1px 1px 2px;\r\n}\r\n<\/pre>\n
\u3092\u8ffd\u52a0\u3002\u3059\u308b\u3068\u3001<\/p>\n
\u3010\u30d6\u30e9\u30a6\u30b6\u8868\u793a\u3011<\/strong><\/p>\n
\"\"<\/a><\/p>\n
\u5b8c\u6210\u3043\uff01\uff01\uff01<\/p>\n
css3\u3067\u306e\u30dc\u30bf\u30f3\u306e\u5b9f\u88c5\u3067\u3057\u305f\u3002<\/p>\n
\u30c7\u30e2\u30da\u30fc\u30b8\u306f\u3053\u3061\u3089<\/a>\u304b\u3089css3\u3067\u306e\u30dc\u30bf\u30f3\u5b9f\u88c5<\/a><\/p>\n
\uff08webkit(safari,Google Chrome)\u306e\u30d6\u30e9\u30a6\u30b6\u306e\u307f\u306e\u8868\u793a\u3068\u306a\u308a\u307e\u3059\uff01\uff09<\/strong><\/p>\n
\u6b21\u56de\u306f\u7591\u4f3c\u8981\u7d20\u3092\u4f7f\u3063\u3066\u5149\u6ca2\u306e\u3042\u308b\u30dc\u30bf\u30f3\u306e\u5b9f\u88c5\u3092\u66f8\u3051\u308c\u3070\u3068\u601d\u3063\u3066\u307e\u3059\u3002<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
\u3082\u3046\u304b\u306a\u308acss3\u3092\u5c0e\u5165\u3055\u308c\u3066\u3044\u308b\u30b5\u30a4\u30c8\u304c\u5897\u3048\u3066\u6765\u3066\u3044\u308b\u3068\u601d\u3044\u307e\u3059\u304c\u3001 \u3053\u3053\u3067\u3082\u3046\u4e00\u56de\u304a\u3055\u3089\u3044\u3092\u3057\u3061\u3083\u3063\u305f\u308a\u3057\u307e\u3057\u3087\u3046\u3002 CSS3\u3067\u4f55\u304c\u51fa\u6765\u308b\uff1f\uff1f \u30fb\u30c7\u30b6\u30a4\u30f3\u306e\u5b9f\u88c5\u304c\u753b\u50cf\u3092\u4f7f\u7528\u305b\u305a\u5b9f\u88c5\u5316 \u30fbFlash\u3001js\u3092\u4f7f\u7528\u305b\u305a\u30a2\u30cb […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[31],"tags":[177,44,52,178,49],"class_list":["post-691","post","type-post","status-publish","format-standard","hentry","category-css3","tag-css3","tag-web","tag-52","tag-178","tag-49"],"_links":{"self":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/691","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=691"}],"version-history":[{"count":18,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/691\/revisions"}],"predecessor-version":[{"id":6744,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=\/wp\/v2\/posts\/691\/revisions\/6744"}],"wp:attachment":[{"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=691"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=691"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcyou.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}