Notes de cours
INFO
- Cours
- Établissement
YES (YES)
[Montrer plus]
Vendeur
S'abonner
ayoubalaoui
Aperçu du contenu
TransitionIntroduction
Les transitions sont un moyen simple d'animer les éléments de nos pages Web lorsque nous
activons des règles CSS. Les transitions nous permettent essentiellement d'animer n'importe
quelle propriété CSS lorsque sa valeur change, ce qui nous permet de rendre notre site Web
plus beau et de plaire aux designers graphiques. Elles sont donc un supplément intéressant à
vos pages Web.
Syntaxe
La syntaxe de base d'une transition est la suivante:
CSS
.selecteur {
transition : [propriété] [durée] [fonction-de-timing] [délais]
}
[propriété]
Indique sur quelle propriété vous voulez appliquer la transition. Cela vous permet ainsi
d'avoir une transition sur certaines propriétés, mais pas sur d'autres. Il est aussi
possible d'utiliser le mot-clé all pour avoir une transition sur toutes les propriétés en
même temps. Dans le même style, vous pouvez mettre none pour indiquer de ne plus
faire de transition.
[durée]
Indique la durée totale de la transition, donc essentiellement, la longueur de
l'animation. Celle-ci doit être spécifié avec une unité de mesure soit en secondes (s)
ou en millisecondes (ms).
[fonction-de-timing]
Fonction indiquant à quelle vitesse exécuter notre animation en fonction du temps. Il
est possible de définir ses propres fonctions ici, mais nous utiliserons généralement
celle de base qui nous sont fournie par le navigateur.
[délais]
C'est le délais avant que la transition démarre. Comme pour la durée, nous avons
besoin d'une valeur en secondes (s) ou en millisecondes (ms).
Exemple concret
Fonction de timing
Les navigateurs Web nous offrent des fonctions de timing pour nous simplifier la tâche dans
nos transitions. Pour utiliser une de ces fonctions, nous avons uniquement besoin de spécifier
son nom. Voici donc un exemple de chacune des fonctions de timing prédéfinies par les
navigateurs:
Les avantages d'acheter des résumés chez Stuvia:
Qualité garantie par les avis des clients
Les clients de Stuvia ont évalués plus de 700 000 résumés. C'est comme ça que vous savez que vous achetez les meilleurs documents.
L’achat facile et rapide
Vous pouvez payer rapidement avec iDeal, carte de crédit ou Stuvia-crédit pour les résumés. Il n'y a pas d'adhésion nécessaire.
Focus sur l’essentiel
Vos camarades écrivent eux-mêmes les notes d’étude, c’est pourquoi les documents sont toujours fiables et à jour. Cela garantit que vous arrivez rapidement au coeur du matériel.
Foire aux questions
Qu'est-ce que j'obtiens en achetant ce document ?
Vous obtenez un PDF, disponible immédiatement après votre achat. Le document acheté est accessible à tout moment, n'importe où et indéfiniment via votre profil.
Garantie de remboursement : comment ça marche ?
Notre garantie de satisfaction garantit que vous trouverez toujours un document d'étude qui vous convient. Vous remplissez un formulaire et notre équipe du service client s'occupe du reste.
Auprès de qui est-ce que j'achète ce résumé ?
Stuvia est une place de marché. Alors, vous n'achetez donc pas ce document chez nous, mais auprès du vendeur ayoubalaoui. Stuvia facilite les paiements au vendeur.
Est-ce que j'aurai un abonnement?
Non, vous n'achetez ce résumé que pour €7,81. Vous n'êtes lié à rien après votre achat.
Peut-on faire confiance à Stuvia ?
4.6 étoiles sur Google & Trustpilot (+1000 avis)
75632 résumés ont été vendus ces 30 derniers jours
Fondée en 2010, la référence pour acheter des résumés depuis déjà 14 ans