Presentadores HTML5

Page 66

2.7 Presentadores de diapositivas CSS3 Los presentadores anteriores fueron diseñados siete u ocho años atrás, ahora en 2020 los desarrollos de CSS3 ofrecen otras posibilidades como las de añadir animaciones y transiciones, que permiten cambiar la apariencia y el comportamiento de un elemento cada vez que se da un cambio de estado (por ejemplo, cuando el cursor se posa sobre dicho elemento). Por otro lado, las animaciones permiten que tanto la apariencia como el comportamiento de un elemento se altere en base a fotogramas (https://blog.aulaformativa.com). CSS3 no sólo te permite modificar el color de los elementos que conforman tu página, sino que también te permite crear gradientes. Anteriormente, esto no era posible y tenías que emplear imágenes, pero ahora que puedes hacerlo desde el mismo archivo CSS. De esta manera, mejorar el tiempo de respuesta de tu sitio. La propiedad “Transform” de CSS3 no sólo te permite rotar elementos, sino también cambiar su tamaño y moverlos (Ibid).

Para nuestros propósitos, la ventaja más atractiva del CSS3 es la posibilidad de diseñar presentadores de diapositivas sin necesidad de recurrir al JavaScript; es decir, usando "puro CSS3". A continuación, persentamos dos ejemplos. El primer ejemplo es un demo, que hemos incluido por el efecto de "paralaje" que tiene incorporado. El segundo es similar al primero pero, al ser libre, permite una fácil edición. 64


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.