manuel de référence CSS

règles CSS (RULES)

大全 des attributs CSS

CSS3 animation-propriété direction CSS3 propriété animation

CSS3 animation-Méthode d'utilisation et exemple de l'attribut delay

　animation CSS-L'attribut delay définit quand l'animation commence à jouer (par exemple : valeur2s, ce qui signifie que l'animation démarrera après l'application2Démarrage à partir de 0s). La valeur de cet attribut peut être spécifiée en secondes (s) ou en millisecondes (ms).

Le tableau suivant résume l'utilisation de cet attribut et son historique des versions.

valeur par défaut :	0s
s'applique à :	tous les éléments ::before et ::after 伪元素
pseudo-élément	héritage :
aucun	animable :non. Veuillez voir.
propriété d'animation	CSS3version :
nouvelle fonction	JavaScript syntaxe :　　　object2object.style.animationDelay="

animation-s"

syntaxe d'utilisation de delay

animation-La syntaxe de cette propriété est la suivante :

délai : time | initial | hérité-L'exemple suivant montre comment utiliser l'animation

attribut delay.

exemple
　　　　.box {　5hauteur :
　　　　largeur :　5hauteur :
　　　　0px;
　　　　arrière-plan : rouge;
　　　　/*　s;　*/
　　　　-webkit-animation-position : relative;
　　　　-webkit-animation-nom : moveit;　4délai :
　　　　-webkit-animation-durée :　2délai :
　　　　
　　　　animation-position : relative;
　　　　animation-nom : moveit;　4délai :
　　　　animation-durée :　2délai :
0%;}
　
/*　s;　*/
Chrome, Safari, Opera-webkit-@
　　　　@keyframes moveit {
　　　　from {left: 0;}　5to {left:
0%;}
　
keyframes moveit {
　　　　@keyframes moveit {
　　　　from {left: 0;}　5to {left:
0%;}

}/Testez pour voir‹

›Attention :-2un décalage d'animation de X secondes fait commencer l'animation immédiatement, mais commence à s'exécuter à mi-chemin de son cycle d'animation, par exemple2commence à s'exécuter après X secondes.

valeur de l'attribut

Le tableau suivant décrit les valeurs de cette propriété.

valeur	description
temps	Définir le nombre de secondes ou de millisecondes à attendre avant le début de l'animation. La valeur par défaut est 0s.
initial	Régler cette propriété à sa valeur par défaut.
hérité	Si spécifié, l'élément lié utilise l'animation de son élément parent-valeur calculée de l'attribut delay.

Compatibilité du navigateur

animation-compatible avec les navigateurs, toutes les navigateurs populaires prennent en charge cette propriété.

	Firefox 5+ ^-moz-,15 + Google Chrome 4+ ^-webkit- Internet Explorer 10+ Apple Safari 4+ ^-webkit- Opera 12+ ^-o-, 15+ ^-webkit-

Lisez également

Veuillez consulter les tutoriels suivants :CSS3animation.

propriétés et règles associées :animation,animation-nom,animation-durée,animation-chronométrie-fonction,animation-itération-compte,animation-direction,animation-remplissage-mode,animation-lecture-état,@keyframes.

CSS3 animation-propriété direction CSS3 propriété animation