{"id":263069,"date":"2023-05-26T08:41:00","date_gmt":"2023-05-26T05:41:00","guid":{"rendered":"https:\/\/inform.click\/mas-de-30-cargadores-y-precargadores-de-html5-puro-y-css3-gratuitos\/"},"modified":"2023-05-26T09:26:00","modified_gmt":"2023-05-26T06:26:00","slug":"mas-de-30-cargadores-y-precargadores-de-html5-puro-y-css3-gratuitos","status":"publish","type":"post","link":"https:\/\/inform.click\/es\/mas-de-30-cargadores-y-precargadores-de-html5-puro-y-css3-gratuitos\/","title":{"rendered":"M\u00e1s de 30 cargadores y precargadores de HTML5 puro y CSS3 gratuitos"},"content":{"rendered":"<p>\n  La industria del dise\u00f1o es probablemente una de las de m\u00e1s r\u00e1pido crecimiento. Todos los d\u00edas se crean blogs nuevos y creativos, lo que empuja las limitaciones de HTML y CSS en todas las direcciones.\n<\/p>\n<p>\n  CSS ha recorrido un largo camino desde el formato del contenido estructurado. Se utiliz\u00f3 para controlar el dise\u00f1o de los documentos con precisi\u00f3n y para aplicar diferentes dise\u00f1os a los tipos de medios. Los sitios web modernos est\u00e1n dise\u00f1ados para proporcionar varios tipos de interacciones con los usuarios. Los efectos CSS3 se utilizan en la mayor\u00eda de esas situaciones.\n<\/p>\n<p>\n  Para dar a los dise\u00f1adores m\u00e1s flexibilidad e interoperabilidad, se propone CSS3 como la pr\u00f3xima revisi\u00f3n importante de CSS. En este escaparate a continuaci\u00f3n, encontrar\u00e1 algunos de los mejores <strong>cargadores y precargadores HTML5 y CSS3 gratuitos cuidadosamente<\/strong> seleccionados que pueden ser \u00fatiles para sus proyectos de dise\u00f1o o su propio sitio web.\n<\/p>\n<p>\n  Cargadores y precargadores puros de HTML5 y CSS3 gratuitos\n<\/p>\n<p>\n  Puede encontrar una gran cantidad de material de dise\u00f1o gratuito en l\u00ednea. Encontrar fragmentos de c\u00f3digo gratuitos tampoco es muy dif\u00edcil, pero lleva mucho tiempo encontrar el elemento de dise\u00f1o correcto que sigue las tendencias de dise\u00f1o actuales. Esta lista puede ayudarlo a enriquecer su conocimiento, as\u00ed como la experiencia de usuario de su sitio.\n<\/p>\n<h5>\n  01 cargador de arco iris CSS<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/jackrugile\/pen\/JddmaX\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/jackrugile\/full\/JddmaX\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/jackrugile\/share\/zip\/JddmaX\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/jackrugile\/full\/JddmaX\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/jackrugile\/share\/zip\/JddmaX\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  02 Cargador holgado de elemento \u00fanico<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/CrocoDillon\/pen\/Htycs\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822dbb2d54c.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/CrocoDillon\/full\/Htycs\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/CrocoDillon\/share\/zip\/Htycs\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/CrocoDillon\/full\/Htycs\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/CrocoDillon\/share\/zip\/Htycs\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  03 Cargador CSS3 puro<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/loader\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822dbd18522.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/full\/loader\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"http:\/\/cssdeck.com\/labs\/loader\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"http:\/\/cssdeck.com\/labs\/full\/loader\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"http:\/\/cssdeck.com\/labs\/loader\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  04 CSS Cog cargador<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/jcoulterdesign\/pen\/bNxeKY\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822dbf05e37.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/jcoulterdesign\/full\/bNxeKY\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/jcoulterdesign\/share\/zip\/bNxeKY\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/jcoulterdesign\/full\/bNxeKY\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/jcoulterdesign\/share\/zip\/bNxeKY\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  05 VSCO \u2013 cargador CSS<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/hynden\/pen\/nyblr\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822dc0c2eb1.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/hynden\/full\/nyblr\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/hynden\/share\/zip\/nyblr\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/hynden\/full\/nyblr\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/hynden\/share\/zip\/nyblr\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  06 Cubo CSS Cargador<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/Vestride\/pen\/vHzyk\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822dc31cf39.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/Vestride\/full\/vHzyk\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/Vestride\/share\/zip\/vHzyk\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/Vestride\/full\/vHzyk\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/Vestride\/share\/zip\/vHzyk\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  07 Cargador CSS<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/mattiabericchia\/pen\/azNyBo\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822dc63e6fc.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/mattiabericchia\/full\/azNyBo\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/mattiabericchia\/share\/zip\/azNyBo\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/mattiabericchia\/full\/azNyBo\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/mattiabericchia\/share\/zip\/azNyBo\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  08 cargadores de ruedas dentadas estilo Tumblr<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/pasqualevitiello\/Tumblr-Style-Cog-Spinners\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822dc81efdf.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/pasqualevitiello.github.io\/Tumblr-Style-Cog-Spinners\/\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"http:\/\/freebiesbug.com\/download\/Tumblr-Style-Cog-Spinners.zip\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/pasqualevitiello.github.io\/Tumblr-Style-Cog-Spinners\/\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"http:\/\/freebiesbug.com\/download\/Tumblr-Style-Cog-Spinners.zip\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  09 Cargador meteorol\u00f3gico CSS<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/tholman\/pen\/yenku\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822dca41ba1.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/tholman\/full\/yenku\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/tholman\/share\/zip\/yenku\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/tholman\/full\/yenku\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/tholman\/share\/zip\/yenku\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  10 Cargador CSS de Chrome Cast<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/bronsrobin\/pen\/LlyBK\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822dcbf108a.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/bronsrobin\/full\/LlyBK\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/bronsrobin\/share\/zip\/LlyBK\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/bronsrobin\/full\/LlyBK\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/bronsrobin\/share\/zip\/LlyBK\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  11 cargadores CSS3<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/Siddharth11\/pen\/xbGrpG\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822dce1349a.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/Siddharth11\/full\/xbGrpG\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/Siddharth11\/share\/zip\/xbGrpG\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/Siddharth11\/full\/xbGrpG\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/Siddharth11\/share\/zip\/xbGrpG\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  12 Cargador de Android 4.4 Kitkat<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/simoncla\/pen\/EibKC\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822dcfee398.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/simoncla\/full\/EibKC\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/simoncla\/share\/zip\/EibKC\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/simoncla\/full\/EibKC\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/simoncla\/share\/zip\/EibKC\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  13 kit de cargadores CSS<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/viduthalai1947\/pen\/JkhDK\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822dd1b58af.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/viduthalai1947\/full\/JkhDK\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/viduthalai1947\/share\/zip\/JkhDK\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/viduthalai1947\/full\/JkhDK\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/viduthalai1947\/share\/zip\/JkhDK\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  14 Carga creativa CSS<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/tympanus.net\/codrops\/2013\/09\/18\/creative-loading-effects\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822dd3c7871.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/tympanus.net\/Development\/CreativeLoadingEffects\/\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"http:\/\/tympanus.net\/Development\/CreativeLoadingEffects\/CreativeLoadingEffects.zip\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"http:\/\/tympanus.net\/Development\/CreativeLoadingEffects\/\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"http:\/\/tympanus.net\/Development\/CreativeLoadingEffects\/CreativeLoadingEffects.zip\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  15 Animaci\u00f3n de carga de CSS<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/tympanus.net\/codrops\/2012\/11\/14\/creative-css-loading-animations\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822dd5ac7e5.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/tympanus.net\/Tutorials\/LoadingAnimations\/\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"http:\/\/tympanus.net\/Tutorials\/LoadingAnimations\/LoadingAnimations.zip\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"http:\/\/tympanus.net\/Tutorials\/LoadingAnimations\/\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"http:\/\/tympanus.net\/Tutorials\/LoadingAnimations\/LoadingAnimations.zip\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  16 Cargador de logotipos<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/logo-loader\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822dd747add.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/full\/logo-loader\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"http:\/\/cssdeck.com\/labs\/logo-loader\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"http:\/\/cssdeck.com\/labs\/full\/logo-loader\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"http:\/\/cssdeck.com\/labs\/logo-loader\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  17 Colecci\u00f3n de cargadores por Loaders.css<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/ConnorAtherton\/loaders.css\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822dd90bb9a.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/connoratherton.com\/loaders\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/github.com\/ConnorAtherton\/loaders.css\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/connoratherton.com\/loaders\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/github.com\/ConnorAtherton\/loaders.css\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  18 CSS Cargador de llenado de agua<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/lbebber\/pen\/xrwja\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822ddb59e8d.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/lbebber\/full\/xrwja\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/lbebber\/share\/zip\/xrwja\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/lbebber\/full\/xrwja\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/lbebber\/share\/zip\/xrwja\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  19 cargador CSS<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/jshawl\/pen\/IFxBK\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822ddd4aa84.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/jshawl\/full\/IFxBK\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/jshawl\/share\/zip\/IFxBK\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/jshawl\/full\/IFxBK\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/jshawl\/share\/zip\/IFxBK\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  20 Barra de carga CSS3 animada<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/www.cssflow.com\/snippets\/animated-progress-bar\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822ddf6d9ef.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/www.cssflow.com\/snippets\/animated-progress-bar\/demo\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"http:\/\/www.cssflow.com\/snippets\/animated-progress-bar.zip\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"http:\/\/www.cssflow.com\/snippets\/animated-progress-bar\/demo\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"http:\/\/www.cssflow.com\/snippets\/animated-progress-bar.zip\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  21 CSS cargando animaci\u00f3n de texto<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/dabblet.com\/gist\/6046779\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822de164cc5.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/dabblet.com\/gist\/6046779\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"http:\/\/dabblet.com\/gist\/6046779\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"http:\/\/dabblet.com\/gist\/6046779\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"http:\/\/dabblet.com\/gist\/6046779\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  22 cargador simple<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/one-div-simple-loader\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822de43947c.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/full\/one-div-simple-loader\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"http:\/\/cssdeck.com\/labs\/one-div-simple-loader\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"http:\/\/cssdeck.com\/labs\/full\/one-div-simple-loader\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"http:\/\/cssdeck.com\/labs\/one-div-simple-loader\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  23 CSS Cargando animaci\u00f3n<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/austinmzach\/pen\/wxrAj\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822de78ac24.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/austinmzach\/full\/wxrAj\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/austinmzach\/share\/zip\/wxrAj\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/austinmzach\/full\/wxrAj\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/austinmzach\/share\/zip\/wxrAj\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  Cargador de 24 CSS<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/CKH4\/pen\/ZGNyep\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822deaa3d34.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/CKH4\/full\/ZGNyep\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/CKH4\/share\/zip\/ZGNyep\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/CKH4\/full\/ZGNyep\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/CKH4\/share\/zip\/ZGNyep\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  Cargador CSS de 25 p\u00edxeles de empuje<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/redlabor\/pen\/idHeG\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822ded93aa1.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/redlabor\/full\/idHeG\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/redlabor\/share\/zip\/idHeG\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/redlabor\/full\/idHeG\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/redlabor\/share\/zip\/idHeG\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  26 Cargador CSS<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/CreativeJuiz\/pen\/vFBIh\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822df03e7e9.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/CreativeJuiz\/full\/vFBIh\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/CreativeJuiz\/share\/zip\/vFBIh\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/CreativeJuiz\/full\/vFBIh\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/CreativeJuiz\/share\/zip\/vFBIh\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  27 Cargadores CSS<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/TaniaLD\/pen\/oKxep\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822df30dbaa.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/TaniaLD\/full\/oKxep\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/TaniaLD\/share\/zip\/oKxep\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/TaniaLD\/full\/oKxep\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/TaniaLD\/share\/zip\/oKxep\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  28 cargador aleatorio<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/mr_alien\/pen\/synHB\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822df53b65b.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/mr_alien\/full\/synHB\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/mr_alien\/share\/zip\/synHB\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/mr_alien\/full\/synHB\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/mr_alien\/share\/zip\/synHB\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  29 Spinners CSS de un solo elemento<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/projects.lukehaas.me\/css-loaders\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822df7e323b.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/projects.lukehaas.me\/css-loaders\/\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/github.com\/lukehaas\/css-loaders\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"http:\/\/projects.lukehaas.me\/css-loaders\/\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/github.com\/lukehaas\/css-loaders\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  30 cargador CSS simple<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/preeteshjain\/pen\/KpvygJ\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822dfb4f7a7.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/preeteshjain\/full\/KpvygJ\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/preeteshjain\/share\/zip\/KpvygJ\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/preeteshjain\/full\/KpvygJ\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/preeteshjain\/share\/zip\/KpvygJ\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  31 SpinKit: cargadores CSS<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/tobiasahlin.com\/spinkit\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822dfe4373f.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/tobiasahlin.com\/spinkit\/\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/github.com\/tobiasahlin\/SpinKit\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"http:\/\/tobiasahlin.com\/spinkit\/\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/github.com\/tobiasahlin\/SpinKit\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  32 Cargador de Google moderno<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/jczimm\/pen\/vEBpoL\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822e02150b0.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/jczimm\/full\/vEBpoL\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/jczimm\/share\/zip\/vEBpoL\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/jczimm\/full\/vEBpoL\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/jczimm\/share\/zip\/vEBpoL\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  33 Cargadores de bloques 2D y 3D<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/ashleynolan\/pen\/owvcl\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822e051ab4a.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/ashleynolan\/full\/owvcl\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/codepen.io\/ashleynolan\/share\/zip\/owvcl\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/codepen.io\/ashleynolan\/full\/owvcl\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/codepen.io\/ashleynolan\/share\/zip\/owvcl\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h3>\n  Otros cargadores y precargadores<br \/>\n<\/h3>\n<h5>\n  34 12 cargadores SVG gratis<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.com\/SamHerbert\/SVG-Loaders\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822e084112d.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/samherbert.net\/svg-loaders\/\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/github.com\/SamHerbert\/SVG-Loaders\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"http:\/\/samherbert.net\/svg-loaders\/\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/github.com\/SamHerbert\/SVG-Loaders\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  35 efectos de carga de p\u00e1gina<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/tympanus.net\/codrops\/2014\/04\/23\/page-loading-effects\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822e0b40a5b.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/tympanus.net\/Development\/PageLoadingEffects\/\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"http:\/\/tympanus.net\/Development\/PageLoadingEffects\/PageLoadingEffects.zip\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"http:\/\/tympanus.net\/Development\/PageLoadingEffects\/\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"http:\/\/tympanus.net\/Development\/PageLoadingEffects\/PageLoadingEffects.zip\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  36 Pace.js \u2013 Barras de progreso de carga de p\u00e1gina<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/github.hubspot.com\/pace\/docs\/welcome\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822e0e08ccc.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/github.hubspot.com\/pace\/docs\/welcome\/\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/github.com\/HubSpot\/pace\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"https:\/\/github.hubspot.com\/pace\/docs\/welcome\/\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/github.com\/HubSpot\/pace\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  37 Carga de cargadores SVG<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/jxnblk.com\/loading\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822e114e087.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/jxnblk.com\/loading\/\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/github.com\/jxnblk\/loading\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"http:\/\/jxnblk.com\/loading\/\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/github.com\/jxnblk\/loading\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h5>\n  38 precargador de dise\u00f1o de materiales<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/jquerycards.com\/ui\/loading\/material-preloader\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-253717-63822e141fb7d.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/jquerycards.com\/ui\/loading\/material-preloader\/\" target=\"_blank\" rel=\"noopener\"><\/a>&nbsp;<a href=\"https:\/\/github.com\/aarondo\/Material-Preloader\" target=\"_blank\" rel=\"noopener\">Descarga<\/a> <a href=\"http:\/\/jquerycards.com\/ui\/loading\/material-preloader\/\" target=\"_blank\" rel=\"noopener\">de demostraci\u00f3n<\/a><a href=\"https:\/\/github.com\/aarondo\/Material-Preloader\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<h4>\n  Conclusi\u00f3n<br \/>\n<\/h4>\n<p>\n  Si posee un sitio web o un blog, y desea dise\u00f1os de cargador o precargador que se vean mejor, entonces el precargador HTML5, CSS3 gratuito mencionado anteriormente definitivamente lo ayudar\u00e1 a lograr su objetivo de la manera m\u00e1s eficiente y efectiva posible.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fuente de grabaci\u00f3n: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2016\/01\/22\/free-html5-css3-loaders-preloaders\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>La industria del dise\u00f1o es probablemente una de las de m\u00e1s r\u00e1pido crecimiento. Todos los d\u00edas se crean blogs nuevos y creativos, lo que empuja las limitaciones de HTML y CSS en todas las direcciones. CSS ha recorrido un largo camino desde el formato del contenido estructurado. Se utiliz\u00f3 para controlar el dise\u00f1o de los documentos con precisi\u00f3n y para aplicar diferentes dise\u00f1os a los tipos de medios. Los sitios web modernos est\u00e1n dise\u00f1ados para proporcionar varios tipos de interacciones con los usuarios. Los efectos CSS3 se utilizan en la mayor\u00eda de esas situaciones. Para dar a los dise\u00f1adores m\u00e1s flexibilidad e interoperabilidad, se propone CSS3 como la pr\u00f3xima revisi\u00f3n importante de CSS. En este escaparate a continuaci\u00f3n&#8230;<\/p>\n","protected":false},"author":1,"featured_media":164587,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[73,125,229,60],"tags":[],"class_list":["post-263069","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css-2","category-herramientas-web","category-libros-de-texto","category-web-y-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/comments?post=263069"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/posts\/263069\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media\/164587"}],"wp:attachment":[{"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/media?parent=263069"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/categories?post=263069"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/es\/wp-json\/wp\/v2\/tags?post=263069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}