{"id":89,"date":"2012-10-02T22:20:45","date_gmt":"2012-10-03T05:20:45","guid":{"rendered":"http:\/\/courses.haigarmen.com\/isma309\/?p=89"},"modified":"2012-10-02T22:20:45","modified_gmt":"2012-10-03T05:20:45","slug":"practising-css-animation-transitions","status":"publish","type":"post","link":"https:\/\/courses.haigarmen.com\/isma309\/practising-css-animation-transitions\/","title":{"rendered":"Practising CSS Animation &#038; Transitions"},"content":{"rendered":"<p>Getting good at CSS3 animations and transitions takes practise. The only way to become proficient is by spending hours of working through different examples. Here are a number of good tutorials that generate some great effects.<\/p>\n<p>CSS3 Navigation effect<br \/>\n<a href=\"http:\/\/www.alessioatzeni.com\/blog\/css3-menu-navigation-effect\/\">http:\/\/www.alessioatzeni.com\/blog\/css3-menu-navigation-effect\/<\/a><\/p>\n<p>Animated Buttons<br \/>\n<a href=\"http:\/\/tympanus.net\/codrops\/2011\/11\/07\/animated-buttons-with-css3\/\">http:\/\/tympanus.net\/codrops\/2011\/11\/07\/animated-buttons-with-css3\/<\/a><\/p>\n<p>Animated Bubble Buttons<br \/>\n<a href=\"http:\/\/tutorialzine.com\/2010\/10\/css3-animated-bubble-buttons\/\">http:\/\/tutorialzine.com\/2010\/10\/css3-animated-bubble-buttons\/<\/a><\/p>\n<p>3D Image Gallery<br \/>\n<a href=\"http:\/\/inspectelement.com\/tutorials\/create-a-css3-image-gallery-with-a-3d-lightbox-animation\/\">http:\/\/inspectelement.com\/tutorials\/create-a-css3-image-gallery-with-a-3d-lightbox-animation\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Getting good at CSS3 animations and transitions takes practise. The only way to become proficient is by spending hours of working through different examples. Here are a number of good tutorials that generate some great effects. CSS3 Navigation effect http:\/\/www.alessioatzeni.com\/blog\/css3-menu-navigation-effect\/ Animated Buttons http:\/\/tympanus.net\/codrops\/2011\/11\/07\/animated-buttons-with-css3\/ Animated Bubble Buttons http:\/\/tutorialzine.com\/2010\/10\/css3-animated-bubble-buttons\/ 3D Image Gallery http:\/\/inspectelement.com\/tutorials\/create-a-css3-image-gallery-with-a-3d-lightbox-animation\/<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-89","post","type-post","status-publish","format-standard","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/posts\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":6,"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/posts\/89\/revisions"}],"predecessor-version":[{"id":95,"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/posts\/89\/revisions\/95"}],"wp:attachment":[{"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/media?parent=89"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/categories?post=89"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/tags?post=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}