#trans { width:25%; height:200px; border:solid black 1px; } #transex { /* Seules la couleur du texte ,le fond et les dimensions de nos paragraphes auront une transition. */ transition-property: background-color, color, width, height; /* La transition durera trois secondes. */ transition-duration: 3s; /* On stylise un peu plus nos paragraphes(= état initial).*/ width: 10%; height: 10%; background-color: #A9BCF5; border: 2px solid black; text-align: center; margin:auto; } /* Style lors du passage de la souris (= état final). */ #transex:hover { width: 50%; height: 50%; background-color: #D0A9F5; }