Alguien sabe como se hace este efecto?

Estado
No está abierto para más respuestas.
blafer

blafer

Mensajes
11
Puntuación de reacción
0
Aguien me explica como lograr hacer este menú?

Rjfc2iE.png


( de la web astroanime.net en el pie de pagina)

probé con ralentizar la transición del :hover pero no lo logre, estuve buscando en Internet durante horas
pero no he encontrado nada referente a algo asi.

si alguien es tan amable de explicar como se logra estaría muy agradecido.
 
blafer

blafer

Mensajes
11
Puntuación de reacción
0
Julio Rodríguez dijo:
Hola,

jquery la funciuon animation animation o css con keygrames from a to, también con transition con css
CSS3 Transition
Click para expandir ...

Gracias por el consejo Julio, eso es lo primero que probe y al hacerlo como indicas, la transicion siguiente no empieza hasta que termina la ultima, así lo hice, puedes probarlo en algun editor de W3school

<style>
div {
width: 100px;
height: 100px;
background: red;
-webkit-transition: background 1s;
transition: background 1s;
}

div:hover {
background:#ccc;
}
</style>
</head>
<body>



<div></div>

<div></div>

<div></div>
Click para expandir ...

pda: muchas gracias por la respuesta, al menos no fui ignorado ;)
 
Julio Rodríguez

Julio Rodríguez

Diamante
Usuario de Bronce
Mensajes
2,521
Puntuación de reacción
2
blafer dijo:
Gracias por el consejo Julio, eso es lo primero que probe y al hacerlo como indicas, la transicion siguiente no empieza hasta que termina la ultima, así lo hice, puedes probarlo en algun editor de W3school



pda: muchas gracias por la respuesta, al menos no fui ignorado ;)
Click para expandir ...

usa clases

<style>
.leclass {
width: 100px;
height: 100px;
background: red;
-webkit-transition: background 1s;
transition: background 1s;
}

.leclass:hover {
background:#ccc;
}
</style>
</head>
<body>



<div class="leclass">asdasd</div>
<div class="leclass"></div>
<div class="leclass"></div>
Click para expandir ...
 
blafer

blafer

Mensajes
11
Puntuación de reacción
0
muchas gracias por la atencion, la ayuda y las sugerencias, ya lo pude hacer (no lo hice con clases, aunque muchísimas gracias)
 
Estado
No está abierto para más respuestas.

Comparte esta página

Arriba