|
Menu
×
×
Correct!
Exercise:Add a 2 second transition effect for background, and transform changes of the <div> element.
<style>
div {
width: 100px;
height: 100px;
background: red;
transition: @(13), @(12);
}
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: 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!Next ❯ |
This will reset the score of ALL 138 exercises.
Are you sure you want to continue?