{"id":3035,"date":"2014-03-15T02:03:13","date_gmt":"2014-03-15T02:03:13","guid":{"rendered":"https:\/\/unknownerror.org\/index.php\/2014\/03\/15\/can-i-animate-the-reverse-state-with-css3-collection-of-common-programming-errors\/"},"modified":"2014-03-15T02:03:13","modified_gmt":"2014-03-15T02:03:13","slug":"can-i-animate-the-reverse-state-with-css3-collection-of-common-programming-errors","status":"publish","type":"post","link":"https:\/\/unknownerror.org\/index.php\/2014\/03\/15\/can-i-animate-the-reverse-state-with-css3-collection-of-common-programming-errors\/","title":{"rendered":"Can I animate the reverse state with css3-Collection of common programming errors"},"content":{"rendered":"<p>Just use <code>left: 0;<\/code> for <code>a<\/code> and use <code>position: relative;<\/code> in <code>a<\/code> rather than <code>a:active<\/code><\/p>\n<p><strong>Demo<\/strong><\/p>\n<p>CSS<\/p>\n<pre><code>a {\n   display: block;\n   background: red;    \n   -webkit-transition: left .2s ease-in,margin .2s ease-in;\n   -moz-transition: left .2s ease-in,margin .2s ease-in;\n   transition: left  .2s ease-in,margin .2s ease-in;\n   left: 0;\n   position: relative;\n}\n<\/code><\/pre>\n<p>Just a suggestion, moving links on click will annoy the visitors, why not use it on <code>hover<\/code><\/p>\n<p><strong>Demo<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Just use left: 0; for a and use position: relative; in a rather than a:active Demo CSS a { display: block; background: red; -webkit-transition: left .2s ease-in,margin .2s ease-in; -moz-transition: left .2s ease-in,margin .2s ease-in; transition: left .2s ease-in,margin .2s ease-in; left: 0; position: relative; } Just a suggestion, moving links on click will annoy [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3035","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/3035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/comments?post=3035"}],"version-history":[{"count":0,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/3035\/revisions"}],"wp:attachment":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/media?parent=3035"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/categories?post=3035"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/tags?post=3035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}