/ Code Css transition-delay | Résultat du code Css transition-delay | Copie d'écran / J'ai vu une erreur dans cette page

Exemple de code de la propriété CSS transition-delay.

<style type="text/css">
.box{ width:200px; border:1px solid red; height:50px; margin-bottom:2em; }
#sans:hover{ width:300px; }
#avec:hover{ width:300px; 
  : width; 
  : 2s; 
  : 5s; 
}
#avecmulti:hover{ width:300px; height:100px; 
  : width, height; 
  : 2s, 1s; 
  : 5s, 6s; 
}
</style>
Mettez le curseur sur un bloc et attendez.<br>
<div class="box" id="sans">Sans transition</div>
<div class="box" id="avec">Avec transition</div>
<div class="box" id="avecmulti">Multi transitions</div>
Voir de code transition-delay dans :

Interprétation du code de la propriété transition-delay CSS par votre navigateur.

Mettez le curseur sur un bloc et attendez.
Sans transition
Avec transition
Multi transitions

Interprétation normale du code de la propriété CSS transition-delay (copie d'écran).

copie d'écran de l'affichage de la propriété CSS transition-delay


Aller en haut de la page

Vos paramètres de cookies

Ce site utilise des cookies pour améliorer votre expérience utilisateur et optimiser le fonctionnement du site.
Des contenus publicitaires vous sont aussi présentés, ainsi que cookies de partages sur les réseaux sociaux.

Vous pouvez accepter ces cookies en cliquant sur « Autoriser tous les cookies », cliquer sur « Paramétrer les cookies » pour gérer vos préférences de cookies.