ing: maría cristina carrillo

TRANSICIONES, ANIMACIONES Y SOMBRAS

Domina la creación y funcionamiento de las

transiciones, animaciones y sombras
css en los diferente elementos de un sitio
web mediante la creación del mismo.
 Rotación y
transparencia

Transiciones CSS

1
Para crear una transición CSS3, cree una clase de
transición especificando los valores de las propiedades de
transición del elemento. Si se selecciona un elemento
antes de crear una clase de transición, la clase de
transición se aplica de manera automática al elemento
seleccionado.

Animaciones CSS

2
Se da a conocer diferentes programas e icluso código
para efectuar la animación para darle realse a la página
web que estemops realizando

Sombras CSS

3
Una de las carencias del estándar CSS 2.1 más
demandadas por los diseñadores es la posibilidad de
mostrar sombras tipo "drop shadow" sobre cualquier
elemento de la página. Por este motivo, la futura versión
CSS 3 incluirá una propiedad llamada box-shadow para
crear este tipo de sombras.

Los generadores en línea

4
Sitúe el punto de inserción en el código.
Seleccione una categoría en el panel Insertar.
Haga clic en un botón del panel Insertar o seleccione un
elemento de un menú emergente del panel Insertar.
Cuando haga clic en un icono, el código aparecerá
inmediatamente en la página, o bien aparecerá un
cuadro de diálogo donde se le solicitará información
adicional para completar el código.

Un desplazamiento simple

5
HTML permite crear movimiento, desplazamiento de texto
usando la etiqueta "carpa". Puede insertar esta etiqueta
en una página HTML usando el editor de código de
Dreamweaver. Dreamweaver tiene una interfaz gráfica
que le ayuda a construir páginas web, pero también se
puede insertar manualmente código HTML en el editor de
código. La etiqueta de marquesina le permite desplazar el
texto hacia la izquierda o derecha, y usted puede agregar
imágenes para el comportamiento de desplazamiento.

Rotación y transparencia

6
Manipularemos las propiedades de transformación y
rotación para afinar la posición de objetos.

Resolución de ejercicios.

7
Dar realce a la página que estamos creando que sea utíl y
atractivo

Conclusiones
Descubre de manera
Bibliografía práctica todos los
Chalán (2017). secretos sobre Dreamweaver CC
con este tutorial. Te ayudará a
Etapa para el diseño de sitio web. crear diseños responsive
adaptables a todo tipo de dispositivos.