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 ]
Jeudi 24 janvier 2019 - Semaine 04 - Saint François de Sales (Demain: Saint Manuel)
Aujourd'hui, c'est l'anniversaire de Daniel Auteuil (1950-69 ans), acteur français, de Nastassja Kinski (1961), actrice et mannequin allemande et de Muriel Moreno (1963), chanteuse française (du groupe Niagara). Autre 24 janvier: 2009 - Tempête Klaus sur le sud-ouest de la France (60% des forêts sont dévastées).
Haut de page Easy-Micro