Class notes
INFO
- Course
- Institution
YES (YES)
[Show more]
Seller
Follow
ayoubalaoui
Content preview
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:
The benefits of buying summaries with Stuvia:
Guaranteed quality through customer reviews
Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.
Quick and easy check-out
You can quickly pay through credit card or Stuvia-credit for the summaries. There is no membership needed.
Focus on what matters
Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!
Frequently asked questions
What do I get when I buy this document?
You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.
Satisfaction guarantee: how does it work?
Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.
Who am I buying these notes from?
Stuvia is a marketplace, so you are not buying this document from us, but from seller ayoubalaoui. Stuvia facilitates payment to the seller.
Will I be stuck with a subscription?
No, you only buy these notes for $7.99. You're not tied to anything after your purchase.
Can Stuvia be trusted?
4.6 stars on Google & Trustpilot (+1000 reviews)
56326 documents were sold in the last 30 days
Founded in 2010, the go-to place to buy study notes for 14 years now