{"id":1983,"date":"2015-04-09T17:47:23","date_gmt":"2015-04-09T08:47:23","guid":{"rendered":"http:\/\/hangunsworld.com\/blog\/?p=1983"},"modified":"2015-05-03T17:21:26","modified_gmt":"2015-05-03T08:21:26","slug":"%ed%81%ac%eb%a1%ac%ec%97%90%ec%84%9c-opacity-transition-%ec%82%ac%ec%9a%a9%ed%95%a0-%eb%95%8c-%eb%a0%88%ec%9d%b4%ec%96%b4%ea%b0%80-%ec%82%ac%eb%9d%bc%ec%a7%80%eb%8a%94-%eb%ac%b8%ec%a0%9c","status":"publish","type":"post","link":"http:\/\/hangunsworld.com\/blog\/1983","title":{"rendered":"\ud06c\ub86c\uc5d0\uc11c opacity transition \uc0ac\uc6a9\ud560 \ub54c \ub808\uc774\uc5b4\uac00 \uc0ac\ub77c\uc9c0\ub294 \ubb38\uc81c"},"content":{"rendered":"<p>\uc9c0\uae08 \uc9c4\ud589\ud558\uace0 \uc788\ub294 \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c, \ud654\uba74 \ud558\ub2e8\uc5d0 \uace0\uc815\ub41c \ub808\uc774\uc5b4\ub97c \ub9cc\ub4e4\uace0, \uacbd\uc6b0\uc5d0 \ub530\ub77c \ud654\uba74 \uc544\ub798\ub85c \uc0ac\ub77c\uc84c\ub2e4 \ub098\ud0c0\ub098\ub294 \ud6a8\uacfc\ub97c \uc801\uc6a9\ud558\uc600\uc2b5\ub2c8\ub2e4.<\/p>\n<pre lang=\"css\" line=\"1\">.fixed_button_wrap{position:fixed;left:0;bottom:0;width:100%;height:45px;opacity:1;\r\n    transition:bottom 0.3s, opacity 0.3s;}\r\n.fixed_button_wrap.hide{pointer-events:none;bottom:-50px;opacity:0;}<\/pre>\n<p>\ud14c\uc2a4\ud2b8\ud55c \ub2e8\ub9d0\uacfc \ube0c\ub77c\uc6b0\uc800\ub4e4\uc5d0\uc11c\ub294 \ubaa8\ub450 \uc815\uc0c1\uc801\uc73c\ub85c \ud45c\uc2dc\ub418\uc5c8\uc73c\ub098, \uc77c\ubd80 \uc548\ub4dc\ub85c\uc774\ub4dc(\ud06c\ub86c)\uc5d0\uc11c \ud55c \ubc88 \uc0ac\ub77c\uc9c4 \ub808\uc774\uc5b4\uac00 \ub2e4\uc2dc \ub098\ud0c0\ub098\uc9c0 \uc54a\ub294 \ubb38\uc81c\uac00 \ubc1c\uacac\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ub514\ubc84\uae45 \ud574\ubcf4\uba74 \uc88c\ud45c\uc640 \ud22c\uba85\ub3c4\ub294 \ubaa8\ub450 \uc815\uc0c1\uc73c\ub85c \ub098\ud0c0\ub098\uc9c0\ub9cc, \ud654\uba74\uc5d0\ub294 \ubcf4\uc774\uc9c0 \uc54a\ub354\uad70\uc694.<br \/>\n\ud574\uacb0\ucc45\uc740 <a href=\"http:\/\/www.w3schools.com\/cssref\/css3_pr_backface-visibility.asp\"><code>-webkit-backface-visibility:hidden;<\/code><\/a>\ub97c \ucd94\uac00\ud574 \uc8fc\uc5b4\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<pre lang=\"css\" line=\"1\">.fixed_button_wrap{position:fixed;left:0;bottom:0;width:100%;height:45px;opacity:1;\r\n    transition:bottom 0.3s, opacity 0.3s;-webkit-backface-visibility:hidden;}\r\n.fixed_button_wrap.hide{pointer-events:none;bottom:-50px;opacity:0;}<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\uc9c0\uae08 \uc9c4\ud589\ud558\uace0 \uc788\ub294 \ud504\ub85c\uc81d\ud2b8\uc5d0\uc11c, \ud654\uba74 \ud558\ub2e8\uc5d0 \uace0\uc815\ub41c \ub808\uc774\uc5b4\ub97c \ub9cc\ub4e4\uace0, \uacbd\uc6b0\uc5d0 \ub530\ub77c \ud654\uba74 \uc544\ub798\ub85c \uc0ac\ub77c\uc84c\ub2e4 \ub098\ud0c0\ub098\ub294 \ud6a8\uacfc\ub97c \uc801\uc6a9\ud558\uc600\uc2b5\ub2c8\ub2e4. .fixed_button_wrap{position:fixed;left:0;bottom:0;width:100%;height:45px;opacity:1; transition:bottom 0.3s, opacity 0.3s;} .fixed_button_wrap.hide{pointer-events:none;bottom:-50px;opacity:0;} \ud14c\uc2a4\ud2b8\ud55c \ub2e8\ub9d0\uacfc \ube0c\ub77c\uc6b0\uc800\ub4e4\uc5d0\uc11c\ub294 \ubaa8\ub450 \uc815\uc0c1\uc801\uc73c\ub85c \ud45c\uc2dc\ub418\uc5c8\uc73c\ub098, \uc77c\ubd80 \uc548\ub4dc\ub85c\uc774\ub4dc(\ud06c\ub86c)\uc5d0\uc11c \ud55c \ubc88 \uc0ac\ub77c\uc9c4 \ub808\uc774\uc5b4\uac00 \ub2e4\uc2dc \ub098\ud0c0\ub098\uc9c0 \uc54a\ub294 \ubb38\uc81c\uac00 \ubc1c\uacac\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ub514\ubc84\uae45 \ud574\ubcf4\uba74 \uc88c\ud45c\uc640 \ud22c\uba85\ub3c4\ub294 \ubaa8\ub450 \uc815\uc0c1\uc73c\ub85c \ub098\ud0c0\ub098\uc9c0\ub9cc, \ud654\uba74\uc5d0\ub294 \ubcf4\uc774\uc9c0 \uc54a\ub354\uad70\uc694. \ud574\uacb0\ucc45\uc740 -webkit-backface-visibility:hidden;\ub97c \ucd94\uac00\ud574 \uc8fc\uc5b4\uc57c \ud569\ub2c8\ub2e4. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[369,346,466],"class_list":["post-1983","post","type-post","status-publish","format-standard","hentry","category-htmlcss","tag-android","tag-chrome","tag-css"],"_links":{"self":[{"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/posts\/1983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/comments?post=1983"}],"version-history":[{"count":0,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/posts\/1983\/revisions"}],"wp:attachment":[{"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/media?parent=1983"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/categories?post=1983"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/hangunsworld.com\/blog\/wp-json\/wp\/v2\/tags?post=1983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}