STIC:Atelier graphisme, animation, interactivité et HTML5/Animation de couleur avec CSS keyframes

De EduTech Wiki
Aller à : navigation, rechercher

Attention, voir http://tecfa.unige.ch/guides/css/ex/simple-animation.html. Le code ici est réduit à la syntaxe standarde .... <source lang="HTML5"> <!DOCTYPE html> <html> <head>

 <meta charset="utf-8">
 <title>CSS animation</title>

<style type="text/css">

 div.truc {
   animation: mykeyframes 5s;
   margin: 2cm;
    border: 1px solid red;
 }

 @keyframes mykeyframes {
   from {background: blue;}
   to {background: red;}
 }

</style> </head>

<body>

hoo

</body> </html>