|
Меню
×
×
Правильно!
Практика CSSУпражнение №1:Добавьте 2 секундную анимацию для элемента <div>, который меняет цвет с красного на синий. Назовите анимацию "example".
<style>
div {
width: 100px;
height: 100px;
background-color: red;
animation-name: @(7);
@(18): 2s;
}
@keyframes example {
from {@(16): red;}
to {@(16): blue;}
}
</style>
<body>
<div>Это div</div>
</body>
<style>
div {
width: 100px;
height: 100px;
background-color: red;
animation-name: example;
animation-duration: 2s;
}
@keyframes example {
from {background-color: red;}
to {background-color: blue;}
}
</style>
<body>
<div>Это div</div>
</body>
<style>
div {
width: 100px;
height: 100px;
background-color: red;
animation-name: example;
animation-duration: 2s;
}
@keyframes example {
from {background: red;}
to {background: blue;}
}
</style>
<body>
<div>Это div</div>
</body>
Не правильноНажмите здесь чтобы увидеть результат. Правильно!Далее ❯ |
Это приведет к сбросу баллов по всем упражнениям.
Вы уверены, что хотите продолжить?
Получить сертификат разработчика HTML, чтобы доказать, что вы обладаете фундаментальными знаниями в области веб-разработки с использованием HTML.
ЮMoney: 410011618810988