{"id":7943,"date":"2018-11-12T06:17:26","date_gmt":"2018-11-12T06:17:26","guid":{"rendered":"http:\/\/webartdevelopers.com\/?p=7943"},"modified":"2018-11-12T06:17:26","modified_gmt":"2018-11-12T06:17:26","slug":"pure-css-3d-perspective-render-with-hover-animation","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/pure-css-3d-perspective-render-with-hover-animation\/","title":{"rendered":"PURE CSS 3D PERSPECTIVE RENDER WITH\u00a0:HOVER\u00a0ANIMATION"},"content":{"rendered":"<p>Tip: To keep this 3D look you must know a detail, the length of the word must be proportional to the body\u2019s perspective property number. If the length of this word increase you must increase the perspective too \ud83d\ude42<br \/>\nMade by Rafael Gonz\u00e1lez<br \/>\nSeptember 16, 2016<\/p>\n<div>\n<a href=\"https:\/\/codepen.io\/rgg\/share\/zip\/dPQmZa\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Download<\/span><\/a>\n<a href=\"https:\/\/codepen.io\/rgg\/pen\/dPQmZa\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Demo and Code<\/span><\/a>\n<\/div>\n<!-- AddThis Advanced Settings generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"Tip: To keep this 3D look you must know a detail, the length of the word must be proportional to the body\u2019s perspective property number. If the length of this word increase you must increase the perspective too \ud83d\ude42 Made by Rafael Gonz\u00e1lez September 16, 2016<!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":7944,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2041],"tags":[20,2044,2042,2054],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/7943"}],"collection":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/comments?post=7943"}],"version-history":[{"count":1,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/7943\/revisions"}],"predecessor-version":[{"id":7945,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/7943\/revisions\/7945"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media\/7944"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=7943"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=7943"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=7943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}