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 25 mars 2019 - Semaine 13 - Saint Humbert (Demain: Sainte Larissa)
Aujourd'hui, c'est l'anniversaire de Marcia Cross (1962-57 ans), comédienne américaine (rôle de Bree Van de Kamp dans Desperate Housewives). Autre 25 mars: 1918 : décès à Paris du compositeur français Claude Debussy. 1984 : Alain Prost gagne le grand prix de Formule 1 du Brésil.
Haut de page Easy-Micro