Contenedores Verticales
Sencillo ejemplo de como realizar un Acordeon
Util para almacenar información que solo se muestre cuando el usuario lo requiere, evitando ocupar espacio innecesario en nuestra web
-
Patriotas Logo
-
Patriotas Logo 2
-
Lorem Ipsum
Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500.
Código de la Hoja de Estilos
position:relative;
}
section ul{
position:relative;
}
section ul li{
text-align:center; display:marker;
}
section ul li div{
width:200px; height:20px; font-size:20px; font-family:"Bradley Hand ITC", Broadway, Arial; color:#990033; transition: all 1s ease-out; -webkit-transition: all 1s ease-out; overflow:hidden;
}
section ul li div:hover{
border-radius: 10px; font-size:25px; width:80%; height:100%; background-color:rgba(255,255,255,0.5); border: 1px solid rgba(255,255,255,0.5);
}
Comentarios