{"id":466,"date":"2011-09-05T01:27:11","date_gmt":"2011-09-04T16:27:11","guid":{"rendered":"http:\/\/blog.hi-farm.net\/?p=466"},"modified":"2011-09-05T01:27:11","modified_gmt":"2011-09-04T16:27:11","slug":"css3%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92javascript%e3%81%a7%e8%b5%b7%e5%8b%95%e3%81%99%e3%82%8b","status":"publish","type":"post","link":"https:\/\/blog.hi-farm.net\/en\/2011\/09\/05\/css3%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92javascript%e3%81%a7%e8%b5%b7%e5%8b%95%e3%81%99%e3%82%8b\/","title":{"rendered":"CSS3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092javascript\u3067\u8d77\u52d5\u3059\u308b"},"content":{"rendered":"<div class='wp_social_bookmarking_light'>\n            <div class=\"wsbl_hatena_button\"><a href=\"\/\/b.hatena.ne.jp\/entry\/https:\/\/blog.hi-farm.net\/en\/2011\/09\/05\/css3%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92javascript%e3%81%a7%e8%b5%b7%e5%8b%95%e3%81%99%e3%82%8b\/\" class=\"hatena-bookmark-button\" data-hatena-bookmark-title=\"CSS3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092javascript\u3067\u8d77\u52d5\u3059\u308b\" data-hatena-bookmark-layout=\"standard\" title=\"\u3053\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u3092\u306f\u3066\u306a\u30d6\u30c3\u30af\u30de\u30fc\u30af\u306b\u8ffd\u52a0\"> <img src=\"\/\/b.hatena.ne.jp\/images\/entry-button\/button-only@2x.png\" alt=\"\u3053\u306e\u30a8\u30f3\u30c8\u30ea\u30fc\u3092\u306f\u3066\u306a\u30d6\u30c3\u30af\u30de\u30fc\u30af\u306b\u8ffd\u52a0\" width=\"20\" height=\"20\" style=\"border: none;\" \/><\/a><script type=\"text\/javascript\" src=\"\/\/b.hatena.ne.jp\/js\/bookmark_button.js\" charset=\"utf-8\" async=\"async\"><\/script><\/div>\n            <div class=\"wsbl_twitter\"><a href=\"https:\/\/twitter.com\/share\" class=\"twitter-share-button\" data-url=\"https:\/\/blog.hi-farm.net\/en\/2011\/09\/05\/css3%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92javascript%e3%81%a7%e8%b5%b7%e5%8b%95%e3%81%99%e3%82%8b\/\" data-text=\"CSS3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092javascript\u3067\u8d77\u52d5\u3059\u308b\" data-via=\"mmlemon\" data-lang=\"ja\">Tweet<\/a><\/div>\n            <div class=\"wsbl_facebook_like\"><div id=\"fb-root\"><\/div><fb:like href=\"https:\/\/blog.hi-farm.net\/en\/2011\/09\/05\/css3%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92javascript%e3%81%a7%e8%b5%b7%e5%8b%95%e3%81%99%e3%82%8b\/\" layout=\"button_count\" action=\"like\" width=\"100\" share=\"false\" show_faces=\"false\" ><\/fb:like><\/div>\n            <div class=\"wsbl_facebook_send\"><div id=\"fb-root\"><\/div><fb:send href=\"https:\/\/blog.hi-farm.net\/en\/2011\/09\/05\/css3%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92javascript%e3%81%a7%e8%b5%b7%e5%8b%95%e3%81%99%e3%82%8b\/\" colorscheme=\"light\" ><\/fb:send><\/div>\n            <div class=\"wsbl_tumblr\"><a href=\"\/\/www.tumblr.com\/share?v=3&u=https%3A%2F%2Fblog.hi-farm.net%2Fen%2F2011%2F09%2F05%2Fcss3%25e3%2582%25a2%25e3%2583%258b%25e3%2583%25a1%25e3%2583%25bc%25e3%2582%25b7%25e3%2583%25a7%25e3%2583%25b3%25e3%2582%2592javascript%25e3%2581%25a7%25e8%25b5%25b7%25e5%258b%2595%25e3%2581%2599%25e3%2582%258b%2F&t=CSS3%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92javascript%E3%81%A7%E8%B5%B7%E5%8B%95%E3%81%99%E3%82%8B\" title=\"Share on Tumblr\" style=\"display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('\/\/platform.tumblr.com\/v1\/share_1.png') top left no-repeat transparent;\">Share on Tumblr<\/a><\/div>\n            <div class=\"wsbl_google_plus_one\"><g:plusone size=\"medium\" annotation=\"inline\" href=\"https:\/\/blog.hi-farm.net\/en\/2011\/09\/05\/css3%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92javascript%e3%81%a7%e8%b5%b7%e5%8b%95%e3%81%99%e3%82%8b\/\" width=\"250\"><\/g:plusone><\/div>\n            <div class=\"wsbl_evernote\">[`evernote` not found]<\/div>\n            <div class=\"wsbl_line\"><a href='http:\/\/line.me\/R\/msg\/text\/?CSS3%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92javascript%E3%81%A7%E8%B5%B7%E5%8B%95%E3%81%99%E3%82%8B%0D%0Ahttps%3A%2F%2Fblog.hi-farm.net%2Fen%2F2011%2F09%2F05%2Fcss3%25e3%2582%25a2%25e3%2583%258b%25e3%2583%25a1%25e3%2583%25bc%25e3%2582%25b7%25e3%2583%25a7%25e3%2583%25b3%25e3%2582%2592javascript%25e3%2581%25a7%25e8%25b5%25b7%25e5%258b%2595%25e3%2581%2599%25e3%2582%258b%2F' title='LINE\u3067\u9001\u308b' rel=nofollow class='wp_social_bookmarking_light_a' ><img src='https:\/\/blog.hi-farm.net\/wp-content\/plugins\/wp-social-bookmarking-light\/public\/images\/line88x20.png' alt='LINE\u3067\u9001\u308b' title='LINE\u3067\u9001\u308b' width='88' height='20' class='wp_social_bookmarking_light_img' \/><\/a><\/div>\n            <div class=\"wsbl_pocket\"><a href=\"https:\/\/getpocket.com\/save\" class=\"pocket-btn\" data-lang=\"en\" data-save-url=\"https:\/\/blog.hi-farm.net\/en\/2011\/09\/05\/css3%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92javascript%e3%81%a7%e8%b5%b7%e5%8b%95%e3%81%99%e3%82%8b\/\" data-pocket-count=\"none\" data-pocket-align=\"left\" >Pocket<\/a><script type=\"text\/javascript\">!function(d,i){if(!d.getElementById(i)){var j=d.createElement(\"script\");j.id=i;j.src=\"https:\/\/widgets.getpocket.com\/v1\/j\/btn.js?v=1\";var w=d.getElementById(i);d.body.appendChild(j);}}(document,\"pocket-btn-js\");<\/script><\/div>\n    <\/div>\n<br class='wp_social_bookmarking_light_clear' \/>\n<div style=\"float: right; margin-left: 10px;\"><a href=\"https:\/\/twitter.com\/share\" class=\"twitter-share-button\" data-count=\"vertical\" data-url=\"https:\/\/blog.hi-farm.net\/en\/2011\/09\/05\/css3%e3%82%a2%e3%83%8b%e3%83%a1%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92javascript%e3%81%a7%e8%b5%b7%e5%8b%95%e3%81%99%e3%82%8b\/\">Tweet<\/a><\/div>\n<p>\u6642\u9593\u304c\u7a7a\u3044\u3066\u3057\u307e\u3044\u307e\u3057\u305f\u3002<\/p>\n<p>\u3055\u3066\u3001\u4eca\u56de\u306fCSS3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092javascript\u3067\u8a2d\u5b9a\u3001\u5236\u5fa1\u3059\u308b\u4f8b\u3092\u6b8b\u3057\u3066\u304a\u304d\u307e\u3059\u3002<br \/>\nCSS3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306fSafari\uff08Windows\u306f\u672a\u691c\u8a3c\uff09\u3001Mobile Safari\u3067\u306f\u30d7\u30ed\u30d1\u30c6\u30a3\u306b\u3088\u3063\u3066\u306fGPU\u3067\u52d5\u4f5c\u3059\u308b\u305f\u3081\u3001\u901a\u5e38\u306e\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3068\u6bd4\u8f03\u3059\u308b\u3068\u975e\u5e38\u306b\u6ed1\u3089\u304b\u306b\u52d5\u4f5c\u3057\u307e\u3059\u3002<\/p>\n<p>\u4f8b\u3048\u3070\u77e9\u5f62\u3092\u52d5\u304b\u3057\u3066\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n<p><script type=\"text\/javascript\" src=\"http:\/\/jsdo.it\/blogparts\/MzrN\/js?view=design\"><\/script><\/p>\n<p class=\"ttlBpJsdoit\" style=\"width: 465px; margin: 0; text-align: right; font-size: 11px;\"><a href=\"http:\/\/jsdo.it\/mmlemon\/MzrN\" title=\"css3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30b5\u30f3\u30d7\u30eb\uff08webkit\u7528\uff09\">css3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30b5\u30f3\u30d7\u30eb\uff08webkit\u7528\uff09 &#8211; jsdo.it &#8211; share JavaScript, HTML5 and CSS<\/a><\/p>\n<p>id\u304crect\u3067\u3042\u308bdiv\u3092\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3055\u305b\u3066\u3044\u307e\u3059\u3002<\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n@-webkit-keyframes rectanimation\r\n{\r\n    0%{\r\n\t-webkit-transform: translate(0px, 0px) scale(0.5);\r\n    }\r\n    30%{\r\n\t-webkit-transform: translate(300px, 200px) scale(2);\r\n    }\r\n    100%{\r\n\t-webkit-transform: translate(300px, 100px) scale(1.0);\r\n    }\r\n}\r\n\r\n#rect\r\n{\r\n    background-color: #f00;\r\n    width: 100px;\r\n    height: 100px;\r\n    \r\n    -webkit-animation-name: rectanimation;\r\n    -webkit-animation-duration: 1400ms;\r\n    -webkit-animation-iteration-count: 100;\r\n    -webkit-animation-timing-funciton: ease-in-out;\r\n}\r\n<\/pre>\n<p>\u3067\u306f\u3001\u3053\u308c\u3068\u540c\u3058\u30b3\u30fc\u30c9\u3092js\u3067\u66f8\u3044\u3066\u307f\u307e\u3057\u3087\u3046\u3002\u305b\u3063\u304b\u304f\u306a\u306e\u3067\u3001onclick\u3067\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092\u8d77\u52d5\u3055\u305b\u3066\u307f\u307e\u3057\u3087\u3046\u3002<br \/>\n\u57fa\u672c\u7684\u306b\u306f\u901a\u5e38\u306ecss->js\u306e\u30eb\u30fc\u30eb\u3068\u540c\u69d8\u3067\u3059\u3002<\/p>\n<p><script type=\"text\/javascript\" src=\"http:\/\/jsdo.it\/blogparts\/nRwX\/js?view=design\"><\/script><\/p>\n<p class=\"ttlBpJsdoit\" style=\"width: 465px; margin: 0; text-align: right; font-size: 11px;\"><a href=\"http:\/\/jsdo.it\/mmlemon\/nRwX\" title=\"CSS3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\uff08javascript\u3067\u5236\u5fa1\uff09\">CSS3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\uff08javascript\u3067\u5236\u5fa1\uff09 &#8211; jsdo.it &#8211; share JavaScript, HTML5 and CSS<\/a><\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nvar tar = document.getElementById(&quot;rect&quot;);\r\n    tar.style.webkitAnimationName = kfname;\r\n    tar.style.webkitAnimationDuration = &quot;1400ms&quot;;\r\n    tar.style.webkitAnimationIterationCount = 100;\r\n    tar.style.webkitAnimationTimingFunction = &quot;ease-in-out&quot;;\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Tweet \u6642\u9593\u304c\u7a7a\u3044\u3066\u3057\u307e\u3044\u307e\u3057\u305f\u3002 \u3055\u3066\u3001\u4eca\u56de\u306fCSS3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u3092javascript\u3067\u8a2d\u5b9a\u3001\u5236\u5fa1\u3059\u308b\u4f8b\u3092\u6b8b\u3057\u3066\u304a\u304d\u307e\u3059\u3002 CSS3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306fSafari\uff08Windows\u306f\u672a\u691c\u8a3c\uff09\u3001Mobile Safa &hellip; <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[145,60,146],"_links":{"self":[{"href":"https:\/\/blog.hi-farm.net\/en\/wp-json\/wp\/v2\/posts\/466"}],"collection":[{"href":"https:\/\/blog.hi-farm.net\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.hi-farm.net\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.hi-farm.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.hi-farm.net\/en\/wp-json\/wp\/v2\/comments?post=466"}],"version-history":[{"count":13,"href":"https:\/\/blog.hi-farm.net\/en\/wp-json\/wp\/v2\/posts\/466\/revisions"}],"predecessor-version":[{"id":480,"href":"https:\/\/blog.hi-farm.net\/en\/wp-json\/wp\/v2\/posts\/466\/revisions\/480"}],"wp:attachment":[{"href":"https:\/\/blog.hi-farm.net\/en\/wp-json\/wp\/v2\/media?parent=466"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.hi-farm.net\/en\/wp-json\/wp\/v2\/categories?post=466"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.hi-farm.net\/en\/wp-json\/wp\/v2\/tags?post=466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}