HTML, CSS

Форум программистов и сисадминов Киберфорум

Войти

Регистрация
Восстановить пароль

Рейтинг 4.75/4:

triatri3

11 / 12 / 8

Регистрация: 16.11.2016

Сообщений: 892

CSS Animation не анимирует

30.06.2018, 20:04. Показов 663. Ответов 1

Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам

Что не так?

HTML5

1	<div></div>

CSS

div {
  height: 140px;
  width: 240px;
  background-color: black;
  animation: motion 2s infinite alternate;
}
body {
  margin-top: 50px;
}
@keyframes motion {
  0% {
    transform: rotate (0deg);
  }
  50% {
    transform: rotate (45deg);
  }
  100% {
    transform: rotate (90deg);
  }
}

Заказать работу у эксперта

	30.06.2018, 20:04

Programming

Эксперт

39485 / 9562 / 3019

Регистрация: 12.04.2006

Сообщений: 41,671

Блог

30.06.2018, 20:04

Ответы с готовыми решениями:

Animation css
Недоделанная вещь это анимация... Задаешь несколько анимаций разных элементов, например, 6 букв должны вылетать откуда-либо. И...

Css sprite animation
Задание: 1. Создать свой спрайт и организовать работу с изображением спрайта на веб-странице. 2. Воспроизвести анимацию при наведении...

Css animation остановка в конечном состоянии
Пытаюсь сделать анимацию загибающегося уголка стикера по наведению. Вот что у меня получилось: #Sticker-1 { width: 120px; ...

@AlexZaw Модератор 2365 / 1729 / 673 Регистрация: 07.08.2016 Сообщений: 4,060
	30.06.2018, 20:15	2
	Уберите пробел после rotate 1

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

inter-admin

Эксперт

29715 / 6470 / 2152

Регистрация: 06.03.2009

Сообщений: 28,500

Блог

30.06.2018, 20:15

Помогаю со студенческими работами здесь

SVG , Canvas , Js или css animation
Какая анимация будет лучше работать на устройствах ?Нужно минимально нагружать систему и делать максимально плавную анимацию

Как повесить css animation на событие hover в jQuery, чтобы анимация проигрывалась до конца
Есть анимация в CSS с помощью animation и ключевых кадров. Анимация срабатывает при наведении на элемент и длится одну секунду. Если курсор...

C++ animation
Как создать анимацию на с++? С imagemagick или без, все ровно...

Оптимизация animation
Здравствуйте. Использую на всём сайте эффект переливания градиента, сделанного на css аnimation. Выглядит это примерно следующим...

Java(Animation)
Здравствуйте,помогите сделать это задание Нужно 1. Нарисовать фигуру относительно базовой точки. 2. Анимировать по...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Редактор формул (кликните на картинку в правом углу, чтобы закрыть)

Справка по редактору формул

Опции темы

Новые блоги и статьи Все статьи Все блоги /
Использование кэша Laravel - полный гайд bytestream 18.02.2025 Кэширование - один из наиболее эффективных способов повышения производительности веб-приложений. В современном мире, где скорость загрузки страниц напрямую влияет на удержание пользователей и. . .	Создаем REST API в Laravel с аутентификацией через Passport bytestream 18.02.2025 Разработка современных веб-приложений все чаще требует создания надежного и хорошо структурированного API. REST API стал стандартом де-факто для построения взаимодействия между клиентской и серверной. . .	Пайплайны в Laravel - полный гайд bytestream 18.02.2025 Разработка современных веб-приложений часто требует обработки сложных процессов, состоящих из множества последовательных шагов. Например, при создании системы комментариев может потребоваться. . .	Как правильно использовать @required в Symfony bytestream 18.02.2025 При разработке приложений на Symfony мы часто сталкиваемся с необходимостью внедрения зависимостей. Фреймворк предоставляет несколько способов управления этим процессом, и одним из таких инструментов. . .	Система безопасности в Laravel: возможности и примеры Wired 18.02.2025 Каждый день появляются новые виды атак и уязвимостей, которые могут поставить под угрозу конфиденциальные данные пользователей и функционирование всей системы. В этом контексте выбор надежного. . .
Давайте сравним Django и Laravel Wired 18.02.2025 Django и Laravel - два мощных инструмента, которые часто сравнивают между собой. Оба фреймворка предлагают разработчикам богатый набор возможностей для создания масштабируемых веб-приложений, но. . .	Laravel или React - что лучше? Wired 18.02.2025 В разработке веб выбор правильного инструмента часто определяет успех всего проекта. Особенно интересным представляется сравнение Laravel и React - двух популярных технологий, которые часто. . .	Laravel 11: новые возможности, гайд по обновлению Wired 18.02.2025 Laravel 11 - это новая масштабная версия одного из самых популярных PHP-фреймворков, выпущенная в марте 2024 года. Эта версия продолжает традицию внедрения передовых технологий и методологий. . .	Миграции в Laravel Wired 18.02.2025 Разработка веб-приложений на Laravel неразрывно связана с управлением структурой базы данных. При работе над проектом часто возникает необходимость вносить изменения в схему базы данных - добавлять. . .	Аутентификация в Laravel Wired 18.02.2025 В современном мире веб-разработки безопасность пользовательских данных становится критически важным аспектом любого приложения. Laravel, как один из самых популярных PHP-фреймворков, предоставляет. . .

Наверх