{"title":"CSS3\u306b\u3088\u308b\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30fbanimation","url":"https://yachin29.hatenablog.com/entry/2017/01/19/123804","version":"1.0","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyachin29.hatenablog.com%2Fentry%2F2017%2F01%2F19%2F123804\" title=\"CSS3\u306b\u3088\u308b\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u30fbanimation - WEB\u30b5\u30a4\u30c8\u5236\u4f5c\u306e\u52c9\u5f37\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","type":"rich","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/y/yachin29/20151002/20151002002549.jpg","categories":["HTML5+CSS3"],"height":"190","width":"100%","provider_name":"Hatena Blog","provider_url":"https://hatena.blog","published":"2020-09-24 12:38:04","author_url":"https://blog.hatena.ne.jp/yachin29/","blog_title":"WEB\u30b5\u30a4\u30c8\u5236\u4f5c\u306e\u52c9\u5f37","author_name":"yachin29","description":"CSS3\u306b\u3088\u308b\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306f\u5927\u304d\u304f\u5206\u3051\u3066\u3001\u30c8\u30e9\u30f3\u30b8\u30b7\u30e7\u30f3\uff08transition\uff09\u3068\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\uff08animation\uff09\u306e\uff12\u3064\u306b\u5225\u3051\u308b\u4e8b\u304c\u51fa\u6765\u307e\u3059\u3002CSS3\u306b\u304a\u3051\u308b\u30c8\u30e9\u30f3\u30b8\u30b7\u30e7\u30f3\uff08transition\uff09\u3068\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\uff08animation\uff09\u306e\u9055\u3044 \u300ctransition\u300d \u52d5\u304b\u3059\u305f\u3081\u306b:hover\u306a\u3069\u306e\u304d\u3063\u304b\u3051\u304c\u5fc5\u8981 \u30c8\u30e9\u30f3\u30b8\u30b7\u30e7\u30f3\u3067\u306f\u5b9f\u884c\u5f8c\u306b\u5143\u306e\u30d7\u30ed\u30d1\u30c6\u30a3\u5024\u306b\u623b\u308b \u6bd4\u8f03\u7684\u7c21\u5358\u306a\u8a18\u8ff0\u3067\u52d5\u304b\u3059\u4e8b\u304c\u53ef\u80fd \u300canimation\u300d transition\u3088\u308a\u7d30\u304b\u3044\u8a2d\u5b9a\u304c\u53ef\u80fd \u8a18\u8ff0\u304c\u8907\u96d1 \u300c@keyframes\u300d\u306e\u8a18\u8ff0\u304c\u5fc5\u8981 http://caniuse.com/\u306a\u3069\u306e\u30b5\u30a4\u30c8\u3067\u30d6\u30e9\u30a6\u30b6\u30b5\u30dd\u30fc\u30c8\u72b6\u6cc1\u3092\u78ba\u8a8d\u3059\u2026","blog_url":"https://yachin29.hatenablog.com/"}