Asignatura: Tratamiento de datos y azar
Autor: jeissonfeliper
hace 2 años

Inicio
Animate

"item #1

"item #2

"item #3

"item #4

Crea

Opina

Anónimo: (╯°□°）╯︵ ┻━┻

jeissonfeliper: perdo es que ingrese el codigo y el programa lo convirtio en texto

Anónimo: xd

Anónimo: No te disculpes we

jeissonfeliper: *
{
margin:0 ;
padding:0;
}
header{
width: 100%;
}
nav
{
margin: 20px auto;
width: 90%;
max-width: 1000px;

}
nav ul
{
list-style: none;/*quitar estilo de lista*/
}
nav > ul
{ /*limites, margenes, color_fondo, quitar contenido sobresaliente, posicion */
display: table;
overflow: hidden;
width: 100%;
background-color: black;
position: relative;
}

jeissonfeliper: nav > ul li
{/*PONER EN FORMA HORIZONTAL*/
display: table-cell;
}
nav>ul>li:hover > ul
{
display: block;
}
nav > ul > li > ul
{
display: block;

background-color: crimson;
right: 100%;
left: 100%;
}
nav > ul >li > ul
{/*ocultar sub_diviciones*/
display: none;
}

jeissonfeliper: nav> ul li a
{/* "arreglar texto y margenes de texto"*/
color: white;
text-decoration: none;
text-align:center;
display: block;
padding: 20px;
line-height: 20px;
position: relative;

/* animacion css3 */
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
nav> ul >li>ul>li a:hover
{/*color sub divicion*/
background: rgb(83, 37, 5);
}
nav> ul> li > a span

jeissonfeliper: {
background: #174459;
display: block;

width: 100%; /* dimenciones*/
height: 100%;
left: 0;

position: absolute; /*posicionar hacia arriva*/
top: -55px ;
}
nav> ul> li> a span .icon
{ /*centran iconos*/
display: block;
line-height: 60px;
}
nav> ul> li> a:hover> span

jeissonfeliper: {
top: 0;

/* animacion css3 */
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

/*colores menu*/
nav ul li a .c_one { background: rgb(210, 110, 33);}
nav ul li a .c_tow { background: rgb(210, 30, 129);}
nav ul li a .c_three{ background: rgb(48, 30, 210);}
nav ul li a .c_four { background: rgb(30, 210, 54);}