Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.71/7: Рейтинг темы: голосов - 7, средняя оценка - 4.71
0 / 0 / 0
Регистрация: 20.10.2015
Сообщений: 56

Анимация не работает с псевдоклассом hover

30.07.2016, 23:16. Показов 1503. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Чувствую себя глупо, делаю пример по книге чего-то не хватает? подскажите пожалуйста!

CSS
1
2
3
4
5
6
7
*{margin: 0; background: yellowgreen}
@keyframes sample{
    from{left:100px;}
    to{top:100px}
}
div{position: absolute; left: 100px; top:100px; width: 100px; height: 100px; background:#00FFFF}
div:hover{ animation-name: sample; transition-duration: 5s}
HTML5
1
2
3
<body>
      <div></div>
</body>
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
30.07.2016, 23:16
Ответы с готовыми решениями:

Проблемы с псевдоклассом hover
Здравствуйте, такая проблема: при наведении на тест не выполняется команда. Как исправить? &lt;!DOCTYPE html&gt; &lt;html&gt; ...

Анимация :hover
Всем привет! У меня такой вопрос, я написал такую анимацию: &lt;div id=&quot;axis&quot; class='one'&gt; &lt;img class=&quot;object van...

Нужно при клике, исключить события hover, во. И еще глюки .hover. Отключение .hover в случае активации .click
Нужно при клике, исключить события hover, во. И 1. Глюки .hover: При наведении на блок, к которому он применяется(стрелочка):...

2
 Аватар для evgeniyd
29 / 29 / 11
Регистрация: 10.05.2016
Сообщений: 111
30.07.2016, 23:26
Попробуйте написать
CSS
1
animation-duration:
вместо
CSS
1
transition-duration:
1
0 / 0 / 0
Регистрация: 20.10.2015
Сообщений: 56
31.07.2016, 00:26  [ТС]
evgeny_duzhenko, Спасибо ты прав! А я только хотел сам ответить что всё в порядке разобрался! думал сам исправить ошибку Спасибо за внимание. Форум сильный )
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
31.07.2016, 00:26
Помогаю со студенческими работами здесь

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

:hover не работает
Темой все сказано)) Нужна помощь. &lt;div id=&quot;page&quot; class=&quot;w&quot;&gt; &lt;div id=&quot;form&quot;&gt; &lt;div class=&quot;p_head b&quot;&gt; &lt;img...

Не работает hover
Почему-то не работает hover,при наведении картинка должна затемнятся,помогите пожалуйста &lt;section id=&quot;works&quot;&gt; &lt;div...

.hover() не работает
Есть скрипт $('#sf_submit').mouseover(animate_sf()); $('#sf_reset').mouseover(animate_sf();); $('#sf_show').mouseover(animate_sf(););...

Не работает hover
Добрый день уважаемые форумчане! Помогите разобраться со следующей проблемой: надо чтобы при наведении курсора мышки светлел фон...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита, которое может. . .
Команды "Заполнить" и "Очистить" на форме документа
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". На примере нетипового документа разработанного в конфигурации КА2. В качестве источника данных указан регистр накопления, в который записываются данные о. . .
Кому нужен AOT?
DevAlt 26.03.2026
Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при изменении наименования справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода!
anaschu 24.03.2026
Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .
Midnight Chicago Blues
kumehtar 24.03.2026
Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++
8Observer8 24.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru