Easy-Micro


LANGAGE CSS3
Animations CSS3

Les animations en CSS3

@keyframes

Exemple d'animation avec l'instruction @keyframes :
@keyframes mon_anim
{
from {background: red;}
to {background: yellow;}
}

div
{
animation: mon_anim 5s;
}

Pour que cela fonctionne avec Chrome, Safari et Opera, vous devez rajouter le code ci-dessous en bleu:

@keyframes mon_anim
{
from {background: red;}
to {background: yellow;}
}

/* Chrome, Safari, Opera */
@-webkit-keyframes mon_anim
{
from {background: red;}
to {background: yellow;}
}


div
{
animation: mon_anim 5s;
-webkit-animation: mon_anim 5s;
}

Pour aller plus loin...



Suivez les aventures des skippers aquitains sur EasyVoile.com
Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]
Vendredi 22 mars 2019 - Semaine 12 - Sainte Léa (Demain: Saint Victorien)
Aujourd'hui, c'est l'anniversaire de George Benson (1943-76 ans), guitariste et chanteur de jazz américain (1980: Give Me the Night...) de Fanny Ardant (1949), actrice française et de William Shatner (1931), acteur américain (le capitaine Kirk dans StarTrek). Autre 22 mars: 2016 : attentats terroristes à Bruxelles, faisant 32 morts et 340 blessés.
Haut de page Easy-Micro