Foros del Web » Creando para Internet » CSS »

Transiciones automaticas css3

Estas en el tema de Transiciones automaticas css3 en el foro de CSS en Foros del Web. Hola. tengo una pregunta. queria saber si se pueden realizar las transiciones automaticamente. me explico cree un slideshow solo con html y css las transiciones ...
  #1 (permalink)  
Antiguo 08/07/2013, 11:02
Avatar de tesla07  
Fecha de Ingreso: enero-2013
Mensajes: 42
Antigüedad: 11 años, 9 meses
Puntos: 0
Exclamación Transiciones automaticas css3

Hola.

tengo una pregunta.

queria saber si se pueden realizar las transiciones automaticamente.

me explico cree un slideshow solo con html y css las transiciones la hice solo con css quiero saber si se pueden automatizar estas trasiciones osea que despues decierto tiempo pase a la siguiente imagen

de antemano

Gracias.
__________________
Nuestros sentidos nos permiten percibir sólo una pequeña porción del mundo exterior.
  #2 (permalink)  
Antiguo 08/07/2013, 11:49
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: Transiciones automaticas css3

En Css se puede con la propiedad delay:
http://css3.bradshawenterprises.com/transitions/

Pero para un slideshow probablemente te conviene un slider de jquery.
https://www.google.com.mx/search?q=j...a&channel=fflb
  #3 (permalink)  
Antiguo 08/07/2013, 13:11
Avatar de tesla07  
Fecha de Ingreso: enero-2013
Mensajes: 42
Antigüedad: 11 años, 9 meses
Puntos: 0
Respuesta: Transiciones automaticas css3

Cita:
Iniciado por Rafael Ver Mensaje
En Css se puede con la propiedad delay:
http://css3.bradshawenterprises.com/transitions/

Pero para un slideshow probablemente te conviene un slider de jquery.
https://www.google.com.mx/search?q=j...a&channel=fflb
podrias darme un ejemplo utilizando el delay es que estoy tratando de usar solamente html+css para alivianar el peso de la pag
__________________
Nuestros sentidos nos permiten percibir sólo una pequeña porción del mundo exterior.
  #4 (permalink)  
Antiguo 08/07/2013, 13:31
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Transiciones automaticas css3

Código CSS:
Ver original
  1. animation-delay: 4s

Es simplemente un retraso a cuando vaya a empezar la animación. Luego tendrás que anidar esos retrasos para que salten unos detrás de otros. Básicamente si quieres que hayan 10 segundos en cada imagen, pues n1 tendrá un delay de 10, n2 de 20, n3 de 30, etc.

Es la especificación tienes todo lo relativo a animaciones: http://www.w3.org/TR/css3-animations
  #5 (permalink)  
Antiguo 08/07/2013, 14:03
Avatar de tesla07  
Fecha de Ingreso: enero-2013
Mensajes: 42
Antigüedad: 11 años, 9 meses
Puntos: 0
Exclamación Respuesta: Transiciones automaticas css3

Cita:
Iniciado por pzin Ver Mensaje
Código CSS:
Ver original
  1. animation-delay: 4s

Es simplemente un retraso a cuando vaya a empezar la animación. Luego tendrás que anidar esos retrasos para que salten unos detrás de otros. Básicamente si quieres que hayan 10 segundos en cada imagen, pues n1 tendrá un delay de 10, n2 de 20, n3 de 30, etc.

Es la especificación tienes todo lo relativo a animaciones: http://www.w3.org/TR/css3-animations
si el delay ya lo he estado probando y se que retrasa el inicio de la transicion pero entonces para que lo haga automaticamente por ejem cada 5 seg como haria? osea a que te refieres con anidar.

si me pudieras dar un ejemplo para entenderlo mejor te lo agradeceria.
__________________
Nuestros sentidos nos permiten percibir sólo una pequeña porción del mundo exterior.

Etiquetas: css+dinamicos, transicion
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:26.