ActividadesActividad

Diseñar una página web como la de la figura con las siguientes especificaciones:

  1. Crear un contenedor de 330px x 600px, centrado.
  2. Alojar en el contenedor 6 cajas de tamaño 100px  x 100px, todas con flotación a la izquierda y distinto color de fondo.
  3. Alojar una séptima caja a continuación de ancho 320px y altura automática.

Caja1: Transformación del tipo abatimiento en el eje X de 10deg(skew)Actividad Visualización 1

Caja2: Solo aparece cuando pasamos el ratón

Caja3: Al pasar el ratón, la caja se desplazará lentamente durante 4s hacia la derecha (transition).  Al desplazarse debe aparecer un mensaje oculto en el lugar donde estaba la caja.

Caja4: Crearemos una animación consistente en hacer girar el cuadro 360º y a la vez irá aumentando de tamaño durante 2 segundos.

Caja5:  Crearemos una animación para que suba la caja unos 200px y baje y vuelva a subir (simulación de bote). La duración será infinito.

Caja6: Libre. Aplicar los efectos que se desee.

 Caja7: 2 columnas con regla de separación.