Transiciones y animaciones creativas en CSS
Transiciones y animaciones creativas en CSS
Tu guía práctica para crear transiciones y animaciones sobre elementos HTML
Sobre este libro
Esta guía tiene la finalidad realizar experimentos o ejercicios con las transiciones y animaciones en CSS, aplicados a botones, imágenes, textos y elementos HTML más completos; veremos el enfoque más básico de las animaciones en CSS que serían utilizando las transiciones, veremos múltiples ejemplos y limitantes que tenemos al trabajar con la forma más simple de lograr animaciones en CSS que es el uso de las transiciones. En posteriores capítulos también trabajaremos con las animaciones, conoceremos sus características, posibles configuraciones, opciones y modos y con esto, veremos un enfoque más completo en lograr animar en CSS.
En este libro, veremos más de 100 ejemplos completos y funcionales de animar elementos HTML, comenzaremos aplicando transiciones en CSS sobre botones, textos entre otros, para llegar a las animaciones en las cuales, crearemos experimentos desde cero, adaptamos los que utilizamos con transiciones y emplearemos las transiciones y animaciones de manera conjunta.
Este es un libro para experimentar con las animaciones en CSS, con esto vamos a mencionar lo siguiente:
- No es un libro que tenga por objetivo conocer al 100% las animaciones en CSS, si no, de manera básica/intermedia; el objetivo es, experimentar y con esto, presentar distintas plantillas que podemos utilizar para crear todo tipo de animaciones más complejas o simplemente diferente.
- Se da por hecho de que el lector tiene conocimientos al menos básicos en el uso de CSS.
En comparación con otros libros, el enfoque es en su mayoría práctico, presentando más de 100 experimentos en los cuales trabajar y lograr la inspiración para otros tipos de efectos en CSS.
Este libro tiene un total de 5 capítulos, se recomienda que leas en el orden en el cual están dispuestos y a medida que vayamos explicando los componentes del framework, vayas directamente a la práctica, repliques, pruebes y modifiques los códigos que mostramos en este libro.
- En este sección vamos a dar un repaso a las transformaciones geométricas, traslaciones y animaciones en CSS.
- En esta sección, vamos a crear multitud de ejemplos de transiciones en CSS aplicados a botones, en estos ejemplos aplicaremos principalmente transformaciones geométricas, pero también trabajaremos con otras propiedades de CSS.
- En esta sección, vamos a presentar diferentes ejemplos de efectos en CSS con el evento hover; es decir, seguiremos utilizando las transiciones de CSS como se realizó en el anterior capítulo; para estos ejemplos, usaremos cualquier clase de estructura HTML que no serán botones como en el capítulo anterior.
- En esta sección, crearemos efectos variados utilizando las transiciones, también, veremos sus limitantes mediante varios ejemplos que analizaremos en el siguiente capítulo utilizando las animaciones para lograr animaciones más completas.
- En esta sección, presentaremos el uso de las animaciones, basado en ejemplos, iremos viendo sus posibles variantes, configuraciones y ejemplos utilizando animaciones y transiciones por igual.
- En esta sección, vamos a crear varios experimentos usando HTML, CSS y JavaScript.
Traducción
Leanpub incondicional, sin riesgo, 100% de felicidad garantizada
Durante los primeros 60 días de compra, puedes obtener un reembolso del 100% de cualquier compra Leanpub, en dos clics. Procesamos las restituciones manualmente, así que puede tomarse unos días en aparecer. Véase términos completos.
Gana $8 en una compra de $10 y $16 en una compra de $20
Pagamos 80% de regalías en compras de $7.99 o más y 80% de regalías menos una tarifa fija de 50 centavos en compras entre $0.99 y $7.98. Ganas $8 en una venta de $10 y $16 en una venta de $20. Entonces, si vendemos 5000 copias no reembolsadas de tu libro por $20, ganarás $80,000.
(Sí, algunos autores ya han ganado mucho más que eso en Leanpub.)
De hecho, los autores han ganadomás de 13 millones de dólares escribiendo, publicando y vendiendo en Leanpub.
Obtén más información sobre escribir en Leanpub
Actualizaciones gratis. Libre de DRM.
¡Si compras un libro Leanpub obtienes actualizaciones gratis siempre y cuando el autor actualice el libro! Varios autores usan Leanpub para publicar sus libros en progreso mientras los escriben. Todos los lectores obtienen actualizaciones gratis, independientemente de cuándo compraron el libro o cuánto pagaron (incluyendo si fue gratis).
La mayoría de los libros Leanpub se encuentran disponibles en PDF (para computadores) y EPUB (para teléfonos, tabletas, y Kindle). Los formatos que un libro incluye se muestran en la esquina superior derecha de esta página.
Finalmente, los libros Leanpub no tienen ninguna de las cosas sin sentido sobre protección de copia DRM, así que puedes leerlos fácilmente en cualquier dispositivo que se soporta.
Aprende más sobre los formatos de Leanpub y dónde puedes leerlos