{"id":155,"date":"2017-03-25T11:01:15","date_gmt":"2017-03-25T02:01:15","guid":{"rendered":"http:\/\/genicca.wp.xdomain.jp\/?p=155"},"modified":"2025-02-13T13:08:48","modified_gmt":"2025-02-13T04:08:48","slug":"%e3%83%9a%e3%83%bc%e3%82%b8%e8%aa%ad%e3%81%bf%e8%be%bc%e3%82%93%e3%81%a0%e3%81%a8%e3%81%8d%e3%81%ab%e8%a6%81%e7%b4%a0%e3%82%92%e3%83%95%e3%83%af%e3%81%a3%e3%81%a8%e5%87%ba%e3%81%99%e3%82%84%e3%81%a4","status":"publish","type":"post","link":"https:\/\/genicca.cloudfree.jp\/?p=155","title":{"rendered":"\u30da\u30fc\u30b8\u8aad\u307f\u8fbc\u3093\u3060\u3068\u304d\u306b\u8981\u7d20\u3092\u30d5\u30ef\u3063\u3068\u51fa\u3059\u3084\u3064"},"content":{"rendered":"<p>\u30b9\u30af\u30ed\u30fc\u30eb\u3057\u305f\u3089\u8981\u7d20\u3092\u3075\u308f\u3063\u3068\u51fa\u3059\u30b3\u30e9\u30e0\u306f\u3044\u3063\u3071\u3044\u3042\u308b\u3051\u3069\u3001<br \/>\n\u30da\u30fc\u30b8\u3092\u8aad\u3093\u3060\u77ac\u9593\u306b\u30a4\u30d9\u30f3\u30c8\u767a\u706b\u3063\u3066\u306a\u304b\u306a\u304b\u306a\u3044\u2026\u3002<\/p>\n<p>\u3068\u3044\u3046\u308f\u3051\u3067\u4f5c\u308a\u307e\u3057\u305f\u3002<br \/>\nflash\u3064\u304f\u308c\u306a\u3044\u3093\u3060\u306a\uff5e\uff5e\uff01\u3063\u3066\u4eba\u306b\u3044\u3044\u611f\u3058\u3060\u3068\u601d\u3044\u307e\u3059\u307e\u3059\u3002<br \/>\n\u5916\u90e8js\u3067\u8aad\u3093\u3067\u3082\u3044\u3044\u3088\u3002<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-js\" data-lang=\"JavaScript\"><code>&lt;script&gt;\r\n$('#animation').css('visibility','hidden');\/\/\u3075\u308f\u3063\u3068\u8868\u793a\r\n$(function () {\r\nvar windowHeight = $(window).height(),\r\ntopWindow = $(window).scrollTop();\r\n$('#animation').each(function(){\r\nvar targetPosition = $(this).offset().top;\r\nif(topWindow &gt; targetPosition - windowHeight + 1){\r\n$(this).addClass(\"fadeInDown\");\r\n}\r\n});\r\n});\r\n&lt;\/script&gt;<\/code><\/pre>\n<\/div>\n<p>CSS\u306f\u3053\u3061\u3089<\/p>\n<div class=\"hcb_wrap\">\n<pre class=\"prism line-numbers lang-css\" data-lang=\"CSS\"><code>.fadeInDown {\r\n-webkit-animation-fill-mode:both;\r\n-ms-animation-fill-mode:both;\r\nanimation-fill-mode:both;\r\n-webkit-animation-duration:2s;\r\n-ms-animation-duration:2s;\r\nanimation-duration:2s;\r\n-webkit-animation-name: fadeInDown;\r\nanimation-name: fadeInDown;\r\nvisibility: visible !important;\r\n}\r\n@-webkit-keyframes fadeInDown {\r\n0% { opacity: 0; -webkit-transform: translateY(-100px); }\r\n100% { opacity: 1; -webkit-transform: translateY(0); }\r\n}\r\n@keyframes fadeInDown {\r\n0% { opacity: 0; -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); }\r\n100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }<\/code><\/pre>\n<\/div>\n<p>\u300c2s\u300d\u306f\u4f55\u79d2\u3067\u3075\u308f\u3063\u3068\u304c\u7d42\u308f\u308b\u304b\u306e\u8a2d\u5b9a\u3060\u3088\u3002<br \/>\n\u300c-100px\u300d\u306f\u3069\u3093\u304f\u3089\u3044\u79fb\u52d5\u3059\u308b\u304b\u306e\u8a2d\u5b9a\u3060\u3088\u3002<\/p>\n<p>\u6700\u8fd1\u306eCSS\u306f\u3059\u3054\u3044\u306d\uff01\uff01\uff01\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30b9\u30af\u30ed\u30fc\u30eb\u3057\u305f\u3089\u8981\u7d20\u3092\u3075\u308f\u3063\u3068\u51fa\u3059\u30b3\u30e9\u30e0\u306f\u3044\u3063\u3071\u3044\u3042\u308b\u3051\u3069\u3001 \u30da\u30fc\u30b8\u3092\u8aad\u3093\u3060\u77ac\u9593\u306b\u30a4\u30d9\u30f3\u30c8\u767a\u706b\u3063\u3066\u306a\u304b\u306a\u304b\u306a\u3044\u2026\u3002 \u3068\u3044\u3046\u308f\u3051\u3067\u4f5c\u308a\u307e\u3057\u305f\u3002 flash\u3064\u304f\u308c\u306a\u3044\u3093\u3060\u306a\uff5e\uff5e\uff01\u3063\u3066\u4eba\u306b\u3044\u3044\u611f\u3058\u3060\u3068\u601d\u3044\u307e\u3059\u307e\u3059\u3002 \u5916\u90e8js\u3067 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2,4],"tags":[],"class_list":["post-155","post","type-post","status-publish","format-standard","hentry","category-html_css","category-js"],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=\/wp\/v2\/posts\/155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=155"}],"version-history":[{"count":3,"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=\/wp\/v2\/posts\/155\/revisions"}],"predecessor-version":[{"id":609,"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=\/wp\/v2\/posts\/155\/revisions\/609"}],"wp:attachment":[{"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=155"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=155"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/genicca.cloudfree.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}