Una animación con CSS es algo similar a una transisicón que se repite un número de veces y requiere de dos partes, establecer los intervalos y propiedades a modificar en @keyframes y la propiedad animation en cualquier etiqueta.
En CSS, un selector es un vínculo entre el HTML y la hoja de estilo. …
Buenos Aires
Argentina
Nacido en el tercer mundo. Un santo varón. Buenos Aires. Los elefantes. Las golondrinas de Plaza de Mayo. Me chupo el dedo.
El tiempo es veloz. ¿No ves que ya no somos chiquitos? Despedida de la infancia. Todo es efímero. Juguetes perdidos. Dime quién me lo robó. Aprendizaje.
Soy un hippie. Rutas argentinas. Sobredosis de TV. Raros peinados nuevos. Más de cien mentiras. Delirium tremens.
Ciudad de pobres corazones. El karma de vivir al sur. Mundo de quimeras. Oh Dios, ¿Qué puedo hacer?
Cuando era más joven. Los mayores del mundo. Botas locas. Rejas electrificadas. Cerca de la revolución. Contra todos los males de este mundo. La casa desaparecida. Tumbas de la gloria. Vencedores vencidos. Carguen, apunten, fuego. Estás frito angelito. A lo mejor aún te acuerdas.
Ah, te vi entre las luces. Muchacha. Amor se llama el juego. Juego de seducción. Mi genio amor. Prométeme que nunca me dirás adiós. Pequeñas delicias de la vida conyugal. Toda la vida tiene música hoy. Es hora de levantare, querido (dormiste bien?).
Resumiendo.
Mi sueño de hoy. La sed verdadera. La búsqueda de la estrella. Todos juntos. ¡Ah! Basta de pensar.
Esto es to-to-todo amigos.
| CONTRAER ARCHIVOS |
|
5 comentarios:
ohhh!!! me encanta, ahora tendré que ver donde ponerlo
awesome !
Son bastante atractivos
Wow thanks, I don't know if backgorund-position can be animated. But, I think we don't even need to write down three sessions. Just two session from ... to then implement alternate animation:
.ejemplo a span:hover {
color: rgba(255,255,255,0.4);
text-shadow: 0 0 5px rgba(0,0,0,0.1);
z-index: 10;
-webkit-animation: moveImg 10s linear infinite alternate;
-moz-animation: moveImg 10s linear infinite alternate;
-ms-animation: moveImg 10s linear infinite alternate;
-o-animation: moveImg 10s linear infinite alternate;
-ms-animation: moveImg 10s linear infinite alternate;
animation: moveImg 10s linear infinite alternate;
}
@-webkit-keyframes moveImg {
from {background-position:50% 0%;}
to {background-position:50% 100%;}
}
@-moz-keyframes moveImg {
from {background-position:50% 0%;}
to {background-position:50% 100%;}
}
@-ms-keyframes moveImg {
from {background-position:50% 0%;}
to {background-position:50% 100%;}
}
@-o-keyframes moveImg {
from {background-position:50% 0%;}
to {background-position:50% 100%;}
}
@keyframes moveImg {
from {background-position:50% 0%;}
to {background-position:50% 100%;}
}
It should works
que nítido esta ese efecto css jmiur
¿Quiere dejar un comentario?
recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...
Nota: sólo los miembros de este blog pueden publicar comentarios.
Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.
Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...