Хотел, чтоб работало так, как работает сейчас в меню.
Хотел, чтоб работало так, как работает сейчас в меню.
Не совсем понятно в чём вопрос, если хотел и оно теперь так и работает:
при наведении смещается
убираешь курсор, возвращается
PS
Невнимательно читал: Вы имели ввиду название статьи
Где то тут все тайны htmlbook.ru/css/transition
Там на страничке ссылка на пример
убираешь курсор, возвращается
В том то и дело, что если не убираешь, все равно возвращается. В меню все нормально, а вот заголовки сами по себе прыгают
И некоторые изображения на страницах прыгают, здесь например fullreviews.su/mirzo_ulugbek/
Вам нужен эффект сдвига на всех ссылках сайта, как в меню?
Да, виджеты тоже прыгали. Да, я задумывал обычный сдвиг для ссылок
Попробуйте добавить display: inline-block;
a:hover {
display: inline-block;
color: #0f3647;
-webkit-transform: translate(5px,2px);
-moz-transform: translate(5px,2px);
-o-transform: translate(5px,2px);
}
Попробовал, не помогает. Я не могу понять, что заставляет ссылки возвращаться на место. В коде же ничего подобного не указывал
Пробую, прям сейчас у Вас всё работает
Кнопка «меню» при сужении экрана не работает — меню не выпадает.
Да, это проблема есть. Не знаю как решить. И еще, хотелось бы отменить эффект сдвига у изображений.
хотелось бы отменить эффект сдвига у изображений
Применить стиль, примерно так:
a:hover img {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
}
Конкретно у себя смотрите, пробуйте
С меню надо разбираться, за работу штатного меню при сужении экрана отвечает скрипт, стили смотрите
