Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. CSS Animation
Webdesign

Nouveau cours : Animation CSS dans le monde réel

by
Length:ShortLanguages:

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.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.