{"id":141,"date":"2013-09-17T07:38:11","date_gmt":"2013-09-17T05:38:11","guid":{"rendered":"http:\/\/www.ygo.ro\/?p=141"},"modified":"2013-09-17T07:38:11","modified_gmt":"2013-09-17T05:38:11","slug":"css3-how-to-blink","status":"publish","type":"post","link":"https:\/\/ygo.ro\/?p=141","title":{"rendered":"CSS3 how to blink"},"content":{"rendered":"<p>Back in the days when the internet was in its infancy, the CSS had a very useful feature for text decoration: blink. I remember using it quite often in my early HTML output, because it believe it to be cool. Over time this way of catching user eye become to ostentatious and was trashed by professional approach to web design. Apparenntly it was trashed by CSS3 also because the <em>text-decoration:blink<\/em>; does not work anymore. Instead, to make a text blinking you need an animation: <\/p>\n<p><code>.blink {animation-name: blinker;animation-duration: 1s;animation-timing-function: linear;animation-iteration-count: infinite;-webkit-animation-name: blinker;-webkit-animation-duration: 1s;-webkit-animation-timing-function: linear;-webkit-animation-iteration-count: infinite;color:#FF0000;font-weight: bold;}<\/p>\n<p>@-moz-keyframes blinker {<br \/>\n    0% { opacity: 1.0; }<br \/>\n    50% { opacity: 0.0; }<br \/>\n    100% { opacity: 1.0; }<br \/>\n}<\/p>\n<p>@-webkit-keyframes blinker {<br \/>\n    0% { opacity: 1.0; }<br \/>\n    50% { opacity: 0.0; }<br \/>\n    100% { opacity: 1.0; }<br \/>\n}<\/p>\n<p>@keyframes blinker {<br \/>\n    0% { opacity: 1.0; }<br \/>\n    50% { opacity: 0.0; }<br \/>\n    100% { opacity: 1.0; }<br \/>\n}<\/code><\/p>\n<p>Talking about verbosity.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Back in the days when the internet was in its infancy, the CSS had a very useful feature for text decoration: blink. I remember using it quite often in my early HTML output, because it believe it to be cool. Over time this way of catching user eye become to ostentatious and was trashed by [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[46,52],"tags":[],"_links":{"self":[{"href":"https:\/\/ygo.ro\/index.php?rest_route=\/wp\/v2\/posts\/141"}],"collection":[{"href":"https:\/\/ygo.ro\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ygo.ro\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ygo.ro\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ygo.ro\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=141"}],"version-history":[{"count":2,"href":"https:\/\/ygo.ro\/index.php?rest_route=\/wp\/v2\/posts\/141\/revisions"}],"predecessor-version":[{"id":143,"href":"https:\/\/ygo.ro\/index.php?rest_route=\/wp\/v2\/posts\/141\/revisions\/143"}],"wp:attachment":[{"href":"https:\/\/ygo.ro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=141"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ygo.ro\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=141"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ygo.ro\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}