Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Некорректно работает transition-duration

PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Некорректно работает transition-duration

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Yan9	Отправлено: 02 Октября, 2015 - 15:21:10
Новичок Покинул форум Сообщений всего: 41 Дата рег-ции: Авг. 2015 Помог: 0 раз(а)	Добрый день! Я уже замучился, не пойму в чем проблема. Делаю так, чтобы при наведении на главный пункт меню, сверху плавно выезжали подпункты. Вот код: HTML CODE (htmlphp): скопировать код в буфер обмена <div class="menu goods"> <a href="#" class="f_link">All goods</a> <ul class="submenu"> <li>first</li> <li>second</li> <li>third</li> </ul> </div> CODE (htmlphp): скопировать код в буфер обмена .goods:hover .submenu{ transform: translateY(0px); } .submenu{ margin: 0; padding: 0; list-style: none; transform: translateY(-300px); transition-duration: 1s; transition-property: transform; } Это работает, но проблема в следующем: Когда я подвожу мышку к границе главного пункта меню (т.е. к .goods), то часто блок с подменю не плавно выезжает, а резко вываливается и так же пропадает. Кто подскажет? Спасибо! (Отредактировано автором: 02 Октября, 2015 - 15:22:14)

DelphinPRO	Отправлено: 02 Октября, 2015 - 18:23:01
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	Должно работать. попробуйте краткую запись. CODE (css): скопировать код в буфер обмена transition: transform 1s ease; ну и здесь посмотрите http://caniuse[dot]com/#search=transitions насчет префиксов. Может у вас браузер древний. ----- Чем больше узнаю, тем больше я не знаю.

Yan9	Отправлено: 02 Октября, 2015 - 19:32:07
Новичок Покинул форум Сообщений всего: 41 Дата рег-ции: Авг. 2015 Помог: 0 раз(а)	DelphinPRO пишет: Должно работать. попробуйте краткую запись. CODE (css): скопировать код в буфер обмена transition: transform 1s ease; ну и здесь посмотрите http://caniuse[dot]com/#search=transitions насчет префиксов. Может у вас браузер древний. Пробовал уже для каждого свойства из этой серии добавлять все возможные префиксы, даже несмотря на то, что Хром самый свежий 45.0.2454.101. Ваш вариант, к сожалению, тоже не работает. Когда провожу стрелкой мышки над border у главного пункта меню, хотя border даже не задан, то в этот момент подменю либо мгновенно появляется, либо так же скачком исчезает. (Отредактировано автором: 02 Октября, 2015 - 19:32:35)

DelphinPRO	Отправлено: 03 Октября, 2015 - 14:01:33
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	Сделайте пример на jsfiddle.net, поковыряем ----- Чем больше узнаю, тем больше я не знаю.

Yan9	Отправлено: 04 Октября, 2015 - 13:20:15
Новичок Покинул форум Сообщений всего: 41 Дата рег-ции: Авг. 2015 Помог: 0 раз(а)	DelphinPRO пишет: Сделайте пример на jsfiddle.net, поковыряем Ничего не пойму, тут http://jsfiddle[dot]net/mds58d72/21/ все работает хорошо и плавно, без всяких скачков и рывков, а у меня дергается, причем и тогда, когда просто в браузере открываю файл index.html и когда такой же файл index.php открываю у себя на localhost и когда этот же файл находится во фреймворке CI. Очень странно, буду делать тогда с помощью jQuery, надеюсь там будет работать хорошо. Спасибо за помощь!

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.