{"component":{"id":2,"name":"ct_section","options":{"ct_id":2,"ct_parent":100026,"selector":"section-2-1037","original":{"height-unit":"vh","padding-top-unit":"","padding-right-unit":"","padding-bottom-unit":"","padding-left-unit":"","margin-top-unit":"","margin-right-unit":"","margin-bottom-unit":"","margin-left-unit":"","min-width-unit":"","max-width-unit":"","min-height-unit":"","max-height-unit":"","align-items":"center","justify-content":"center","height":"50","background-color":"#231575","z-index":"-1","display":"flex","position":"relative"},"nicename":"Section (#2)","activeselector":false},"depth":4,"children":[{"id":8,"name":"ct_code_block","options":{"ct_id":8,"ct_parent":2,"selector":"code_block-8-1037","original":{"unwrap":"true","code-css":"@property --angle {\n syntax: '<angle>';\n initial-value: 0deg;\n inherits: false;\n}\n@keyframes girar{\n 0%{\n --angle:0deg;\n }\n 100%{\n --angle:360deg;\n }\n}\n\n","code-php":"<!---->"},"nicename":"Code Block (#8)","activeselector":false},"depth":5},{"id":3,"name":"ct_div_block","options":{"ct_id":3,"ct_parent":2,"selector":"div_block-3-1037","original":{"custom-css":""},"nicename":"Div (#3)","activeselector":"animated-background","classes":["animated-background"]},"depth":5,"children":[{"id":7,"name":"ct_headline","options":{"ct_id":7,"ct_parent":3,"selector":"headline-7-1037","original":{"color":"#ffffff"},"nicename":"Heading (#7)","ct_content":"Este es el contenido","activeselector":false},"depth":6}]}]},"classes":{"animated-background":{"key":"animated-background","original":{"position":"relative","width":"400","height":"200","display":"grid","grid-align-items":"center","grid-justify-items":"center","border-radius":"10","border-top-color":"#ffffff","border-right-color":"#ffffff","border-bottom-color":"#ffffff","border-left-color":"#ffffff","border-all-color":"#ffffff","border-top-width":"1","border-right-width":"1","border-bottom-width":"1","border-left-width":"1","border-all-width":"1","border-top-style":"solid","border-right-style":"solid","border-bottom-style":"solid","border-left-style":"solid","border-all-style":"solid","background-color":"#212224"},"before":{"width":"410","height":"210","custom-css":"background: conic-gradient(from var(--angle), #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);\nanimation: girar 2s linear infinite;\n","border-radius":"10","position":"absolute","z-index":"-1","top":"50","top-unit":"%","left":"50","left-unit":"%","padding-top":"4","padding-right":"4","padding-bottom":"4","padding-left":"4","transform":[{"transform-type":"translate","translateX":"-50","translateX-unit":"%","translateY":"-50","translateY-unit":"%"}]},"after":{"custom-css":"background: conic-gradient(from var(--angle), #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);\nanimation: girar 2s linear infinite;","position":"absolute","z-index":"-1","top":"50","top-unit":"%","left":"50","left-unit":"%","padding-top":"4","padding-right":"4","padding-bottom":"4","padding-left":"4","transform":[{"transform-type":"translate","translateX":"-50","translateY":"-50","translateY-unit":"%","translateX-unit":"%"}]}}}}
Sencillo, todo CSS copiar y pegar.
Recordad que esto son templates o base de template, la personalización y adaptación depende del gusto de cada una y de las exigencias de cada diseño, por lo que es imposible en una plantilla todas las opciones de cada diseño en particular.
Como siempre esperamos tus comentarios y por supuesto si tienes alguna duda o necesitas ayuda puedes contactar por nuestro grupo de Telegram o dejando un comentario.
Nos vemos en la próxima. 👌
Ayúdanos a que esta sección siga siendo gratuita
Esta sección, al igual que todo el contenido de esta página, se ofrece de manera gratuita.
Esto supone una gran cantidad de trabajo, que ofrecemos de manera altruista, y un coste económico para el que pedimos una pequeña contribución para poder seguir dando este servicio a la comunidad de usuarios de OxygenBuilder.