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 ]
Dimanche 21 juillet 2019 - Semaine 29 - Saint Victor (Demain: Sainte Marie-Madeleine)
Aujourd'hui, c'est l'anniversaire de Hubert-Felix Thiefaine (1948-71 ans), chanteur français et de Charlotte Gainsbourg (1971), actrice française. Autre 21 juillet: 1798 - Victoire de la "bataille des pyramides" par Bonaparte.
Haut de page Easy-Micro