×
×
Correct!
Add a 2 second transition effect for background, and transform changes of the <div> element.
<style>
div {
width: 100px;
height: 100px;
background: red;
transition: background 2s, transform 2s;
}
div:hover {
background: blue;
transform: rotate(180deg);
}
</style>
<body>
<div>This is a div</div>
</body>
<style>
div {
width: 100px;
height: 100px;
background: red;
transition: transform 2s, background 2s;
}
div:hover {
background: blue;
transform: rotate(180deg);
}
</style>
<body>
<div>This is a div</div>
</body>
Not CorrectClick here to try again. Correct!<style> div { width: 100px; height: 100px; background: red; transition:, ; } div:hover { background: blue; transform: rotate(180deg); } </style> <body> <div>This is a div</div> </body> |