Introduction aux Transitions CSS3
Objectifs
À l'issue de cette vidéo, vous serez capables de :
- Utiliser les propriétés transition et animation de CSS3
- Configurer des transitions pour divers éléments CSS
- Appliquer des pseudoclasses pour améliorer l'interactivité des pages web
Résumé
Découvrez comment utiliser les propriétés CSS3 pour créer des transitions et des animations efficaces et sans avoir recours à JavaScript.
Description
La mise en forme CSS3 s'est enrichie de nombreuses nouvelles propriétés, permettant des transitions et animations sans l'utilisation de JavaScript. Cette leçon vous montrera comment appliquer des transitions sur une propriété CSS de manière simple et efficace.
En utilisant la propriété transition, vous apprendrez à manipuler des éléments comme background, width, et color pour créer des effets visuels attrayants. La durée et le délai des transitions seront également explorés, tout comme l'application d'effets sur des pseudoclasses telles que :hover.
Vous découvrirez également la pseudoclasse :target pour générer des événements au clic. Cette session inclut des démonstrations pratiques et des conseils pour une utilisation optimale des transitions CSS3.
Questions - réponses
transition-duration. Elle permet de spécifier la durée en secondes ou millisecondes.
all pour la propriété transition-property, ce qui indique que toutes les propriétés seront affectées par la transition.
Programme détaillé
Module 1 - Introduction
Module 2 - Généralités sur le marché des mobiles
Module 3 - Rappel HTML
Module 4 - Rappel CSS
Module 5 - Notions de HTML5 et CSS3
Module 6 - Concevoir une webApp
Module 7 - Les simulateurs
Module 8 - Construire sa première WebApp
Module 9 - Vérifier et compresser
Module 10 - Construire une webApp avec JQuery Mobile
Module 11 - Annexe 1 | Notions de bande passante
Module 12 - Annexe 2 | Les usages
Module 13 - Annexe 3 | Les librairies disponibles
Module 14 - Conclusion
