Easy-Micro


LANGAGE CSS3
CSS3 et Javascript

Les effets CSS3 et Javascript

Au survol de souris de ce div , largeur et vitesse ce déclanche. Au clic sur le bouton, les effets sont inversé.



Sont utilisées ici des propriétés javascript de l'objet style :
  • transitionDuration pour la durée
  • transitionProperty pour le type d'effet.

<script type="text/javascript">
function sygo() {
var mondivamoi = document.getElementById('mondiv');
mondivamoi.style.background = '#ffffcc';

mondivamoi.style.width = "100px";
mondivamoi.style.transitionDuration = "2s";

//mondivamoi.style.height = "100px";
//mondivamoi.style.transitionProperty = "height";
}
</script>

<input type="button" onclick="sygo()" value="GoGo"/>

Les propriétés de l'objet Style transitionDuration et transitionProperty peuvent donc se substituer au CSS3.


Suivez les aventures des skippers aquitains sur EasyVoile.com
Flux RSS Easy-Micro - Abonnez-vous Easy-Micro [ François Bisch ]
Lundi 18 novembre 2019 - Semaine 47 - Sainte Aude (Demain: Saint Tanguy)
Aujourd'hui, c'est l'anniversaire de Kim Wilde (1960-59 ans), chanteuse anglaise (Kids in America - 1981). Autre 18 novembre: 1916 - Fin de la bataille de la Somme (1ère guerre mondiale).
Haut de page Easy-Micro