@xyoursenemyx

Как сделать анимацию в CSS?

Создайте 5 полос, расширяющихся в одинаковое время с различными анимациями при наведении курсора на контейнер, содержащий полосы.59e8eb909cbd8268301295.png
Помогите пожалуйста код доработать, учусь в 8 классе немного сложна...
  • Вопрос задан
  • 743 просмотра
Решения вопроса 1
bootd
@bootd Куратор тега CSS
Гугли и ты откроешь врата знаний!
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
saboteur_kiev
@saboteur_kiev
software engineer
Для начала, следует научиться пользоваться удобными инструментами, и выкладывать не скриншот, а например ссылку на ваш код на https://jsfiddle.net

Во-вторых, следует не задание публиковать, а вопрос что именно у вас не получается.
Если вы в принципе не понимаете что делать, то обратитесь на фриланс.

Ну а в вашем случае, видимо следует заполнить блок

.block:hover{

}
Ответ написан
Комментировать
alsolovyev
@alsolovyev
Если через transition делать, то в :hover конечную позицию элемента вписываете, а самому элементу transition: свойство время
Если через keyframes, то прописываете шаги(0%, 50%, 100% или from{}to{}) и задаете свойство animation: имя время ...
Ну переписывать Ваш код не буду... https://jsfiddle.net/ppmuLsec/5/

ps указываем префиксы...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы