Foros del Web » Creando para Internet » CSS »

Redimensionar imagen con CSS y un DIV

Estas en el tema de Redimensionar imagen con CSS y un DIV en el foro de CSS en Foros del Web. Hola! Estoy intentando hacer una barra de progreso con efecto de movimiento desde la posicion 0 a la esperada. Tengo el siguiente CSS: Código: .progress-level ...
  #1 (permalink)  
Antiguo 02/09/2010, 05:26
 
Fecha de Ingreso: julio-2005
Mensajes: 140
Antigüedad: 12 años, 4 meses
Puntos: 0
Redimensionar imagen con CSS y un DIV

Hola!

Estoy intentando hacer una barra de progreso con efecto de movimiento desde la posicion 0 a la esperada. Tengo el siguiente CSS:

Código:
.progress-level {
background: url(progress.png) no-repeat left center;
height: 39px;
}

Como puedo hacer para que empieza entonces con width a 0 y se aumente hasta mi valor esperado?
Es decir, que el usuario final pueda ver ese efecto de crecimiento.
Puedo controlar también la velocidad de este?

Para imprimir la imagen lo hago así:
Código:
<div class="progress-level" style="width: 35%;">
Gracias!
  #2 (permalink)  
Antiguo 02/09/2010, 06:28
Avatar de chicho_  
Fecha de Ingreso: julio-2010
Mensajes: 44
Antigüedad: 7 años, 4 meses
Puntos: 1
Respuesta: Redimensionar imagen con CSS y un DIV

Por JavaScript puedes hacer que cada X tiempo modifique el atributo width de ese elemento, haciendo el efecto que deseas.

Pero dependiendo de para que lo quieras, quizás te es más práctico crear un GIF animado y mostrarlo directamente.
__________________
..:: RECETAS DE COCINA ::.. || ..:: JUEGOS PARA MOVIL GRATIS ::..
  #3 (permalink)  
Antiguo 02/09/2010, 07:05
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Redimensionar imagen con CSS y un DIV

Mire esto.
Quizás le sirva como orientación.
Si desea prescindir del gif para hacerlo con css, puede mirar el uso de las propiedades relativas a "transform", "transition" y demás. Todas relativas a css3.
  #4 (permalink)  
Antiguo 02/09/2010, 09:33
 
Fecha de Ingreso: julio-2005
Mensajes: 140
Antigüedad: 12 años, 4 meses
Puntos: 0
Respuesta: Redimensionar imagen con CSS y un DIV

lo del gif evidentemente no lo quiero realizar... CSS3 me limitaria quiza muchos navegadores.
Como podria implementar mi trozo de codigo con javascript?
  #5 (permalink)  
Antiguo 06/09/2010, 04:19
 
Fecha de Ingreso: julio-2005
Mensajes: 140
Antigüedad: 12 años, 4 meses
Puntos: 0
Respuesta: Redimensionar imagen con CSS y un DIV

Me he mirado la pagina que me habeis comentado, pero no lo acabo de ver.
Si en un DIV quiero que me aparezca primero el preloader y luego la imagen como lo hago?
Como hago para cargar al final del CSS la imagen?

Etiquetas: redimensionar
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 07:20.