{"id":397,"date":"2016-06-05T13:19:29","date_gmt":"2016-06-05T17:49:29","guid":{"rendered":"http:\/\/gregorgonzalez.com.ve\/blog\/?p=397"},"modified":"2016-06-05T13:29:51","modified_gmt":"2016-06-05T17:59:51","slug":"fondo-con-animacion-css-js","status":"publish","type":"post","link":"http:\/\/gregorgonzalez.com.ve\/blog\/fondo-con-animacion-css-js\/","title":{"rendered":"Fondo con animaci\u00f3n Css &#8211; Js"},"content":{"rendered":"<p>Este es un fondo animado de burbujas o part\u00edculas, utilizando css para la estructura y los gradientes, mientras que se usa enteramente javascript para realizar c\u00e1lculos para la animaci\u00f3n y generaci\u00f3n de part\u00edculas que se esparcir\u00e1n por el fondo.<\/p>\n<p>Es basado en canvas de html5, as\u00ed que se necesita de los navegadores actuales que lo soporten. Una ventaja de hacer animaciones en javascript, es que se mantiene un est\u00e1ndar que soporta varios navegadores, en cambio s\u00ed usaran ccs3, estar\u00eda limitado a los navegadores que lo soporten.<\/p>\n<p>Sin importar que tecnolog\u00eda utilicen, las animaciones generadas de esta manera tienden a ser un poco consumidoras de recursos, por ello hay que tomar en cuenta a la hora de utilizarlos, no abusar de tantas animaciones en una p\u00e1gina e incluso si ser\u00e1 compatible con los tel\u00e9fonos m\u00f3viles.<\/p>\n<p>Pueden ir al enlace original: <a href=\"http:\/\/codepen.io\/mimikos\/pen\/wKqyqY\" target=\"_blank\">http:\/\/codepen.io\/mimikos\/pen\/wKqyqY<\/a><\/p>\n<p class='codepen'  data-height='371' data-theme-id='0' data-slug-hash='wKqyqY' data-default-tab='result' data-animations='run' data-editable='' data-embed-version='2'>\nSee the Pen <a href=\u2019http:\/\/codepen.io\/mimikos\/pen\/wKqyqY\/\u2019>Ambient Background<\/a> by Dimitra Vasilopoulou (<a href=\u2019http:\/\/codepen.io\/mimikos\u2019>@mimikos<\/a>) on <a href=\u2019http:\/\/codepen.io\u2019>CodePen<\/a>.0<\/p>\n<script async src=\"https:\/\/cpwebassets.codepen.io\/assets\/embed\/ei.js\"><\/script>\n","protected":false},"excerpt":{"rendered":"<p>Este es un fondo animado de burbujas o part\u00edculas, utilizando css para la estructura y los gradientes, mientras que se usa enteramente javascript para realizar c\u00e1lculos para la animaci\u00f3n y generaci\u00f3n de part\u00edculas que se esparcir\u00e1n por el fondo. Es basado en canvas de html5, as\u00ed que se necesita de los navegadores actuales que lo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":398,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[28,34],"tags":[77,75,156],"_links":{"self":[{"href":"http:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/posts\/397"}],"collection":[{"href":"http:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/comments?post=397"}],"version-history":[{"count":0,"href":"http:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/posts\/397\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/media\/398"}],"wp:attachment":[{"href":"http:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/media?parent=397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/categories?post=397"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/gregorgonzalez.com.ve\/blog\/wp-json\/wp\/v2\/tags?post=397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}