French (Français) translation by Henri Lotin (you can also view the original English article)
L'animation CSS est partout ces jours-ci. C'est cool de voir une collection de CSS de chargement tourniquer, ou expérimenter avec un effet soigné de diapositive de page, mais comment pouvons nous réellement mettre en œuvre ces techniques sur nos sites Web et applications ? Dans Animation CSS dans le monde réel, vous allez apprendre les tenants et aboutissants de l'animation des CSS.
Ce que vous allez apprendre
Le sujet principale de ce cours est l'utilisation des animations CSS dans les situations du monde réel. L'instructeur Tuts+ Cory Simmons vous apprendra des astuces d'animation CSS pratiques pour les boutons, les éléments de navigation, les événements de défilement (scroll), le SVG et comment les appliquer à un certain nombre de situations, que vous rencontrerez tous les jours sur le web.
Vous commencerez avec un aperçu des notions de base d'animation CSS, et puis passerez à des cas particuliers, comme la création d'animation dans les menus déroulants, l'animation de SVG, l'animation basée sur la position de défilement de la page et plus encore.
Voici un aperçu gratuit de certaines des leçons de ce cours :
Amélioration des états de survol de bouton
Regarder cette vidéo pour vraiment comprendre comment l'animation CSS fonctionne en créant des animations CSS simples à l'aide de plusieurs techniques différentes. Dans le processus, vous ferez un beau bouton à transition en dégradé.
L'animation de SVG et de leurs parties
Dans cette leçon, vous apprendrez que sont actuellement les SVGs, quand les utiliser et comment les animer ainsi que leurs pièces en matériaux composites.
L'animation basée sur la position de défilement avec WOW.js
Dans cette vidéo, vous découvrirez comment animer le contenu ou les médias lorsque l'utilisateur fait défiler la page vers le bas. Pour y parvenir vous allez d'abord apprendre les principes, puis utilisez un astucieux petit plugin JavaScript appelé WOW.js.
Commencer à apprendre pour seulement 15$
Vous pouvez suivre notre nouveau cours tout de suite en vous abonnant à Tuts+. Pour seulement 15$ par mois, vous avez accès à ce cours et à des centaines d'autres, avec de nouveaux ajoutés chaque semaine.
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post