Chèque lecture :10€ offerts dès 40€ Revendez vos livres : +20% en bon d'achat Revendez : +20% en bon d'achat Livraison offerte  ! Chèque lecture :10€ offerts dès 40€
Recyclivre, l'occasion fait le lien

Mémento CSS 3

Raphaël Goetter
  • 08/09/2011
  • Eyrolles
NC (0 avis)
Couverture de Mémento CSS 3 par Raphaël Goetter

États des livres

Résumé

Transitions

transition : est la propriété raccourcie, dont sont dérivées les propriétés :

  • transition-property: : propriété(s) à animer ;
  • transition-duration: : durée de la transition (en s ou ms) ;
  • transition-delay: : délai avant de démarrer (en s ou ms) ;
  • transition-timing-function: : accélération de la transition. Valeurs : linear (linéaire), ease/ease-out (rapide puis lent), ease-in (lent puis rapide), ease-in-out (lent-rapide-lent), cubic-Bezier.

Les propriétés concernées par les transitions sont toutes celles qui peuvent être définies par une valeur numérique : width, height, min/max-width, min/max-height, position, margin, padding, mais aussi background, opacity, font-weight, text-shadow, color, line-height, vertical-align, letter-spacing, visibility, z-index, etc.

Exemple :

#nav a {transition : all 0.5s ease-in ;}

Compatibilité

Firefox
4.0+

Chrome
10.0+

Safari
3.2+

Opera
10.6+

IE
10.0+

Animations

animation : est la propriété raccourcie, dont sont dérivées les propriétés :

  • animation-name : nom de l'animation ;
  • animation-duration : durée totale ;
  • animation-delay : attente avant le début de l'animation ;
  • animation-iteration-count : nombre d'itérations ;
  • animation-timing-function : accélération (voir Transitions) ;
  • animation-direction : sens de l'animation (normal ou alternate).

Exemple :

@keyframes disparition {

0% {opacity : 1 ;} /* opacité complète * /

50% {opacity : 0 ;} /* opacité nulle à la moitié de l'animation * /

100% {opacity : 1 ;} /* retour à l'état initial * /}

img {animation : disparition 2s infinite ;}

Compatibilité

Firefox
5.0+

Chrome
10.0+

Safari
4.0+

Opera
non

IE
non

Prix  20,69 €

En état Bon

Livré à partir du 11 septembre

Vous faites un achat engagé

50 emplois solidaires crées

+ 1 000 000 € reversés à des associations

1% for the planet member Certified B Corporation

Livraison offerte !

Bon

Prix  20,69 €

Ces livres pourraient aussi vous plaire

Donnez une seconde vie à vos livres !

  • Facile et rapide
  • Paiement en 48H
  • Expédition gratuite
Scanner pour télécharger l'application
QR Code
Disponible sur l'Apple Store Disponible sur Google Play

Autres livres liés à Raphaël Goetter

Vos derniers livres consultés

Chargement en cours

Avis des lecteurs Recyclivre

NC (0 avis)

Aucun avis pour le moment

Donnez votre avis sur le contenu du livre. 

Donnez votre avis

Abonnez-vous à notre newsletter

Sélection lecture et Bons plans
Chargement en cours