a!max Опубликовано 14 июня, 2017 Поделиться Опубликовано 14 июня, 2017 Здравствуйте. Почему при наведении на 3 блок, нижние 2 блока смещаются резко вниз? В чем моя ошибка? Ссылка на архив с сайтом: https://yadi.sk/d/DaMKfImK3K8DiF Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Silence Опубликовано 14 июня, 2017 Поделиться Опубликовано 14 июня, 2017 6 минут назад, a!max сказал: Здравствуйте. Почему при наведении на 3 блок, нижние 2 блока смещаются резко вниз? В чем моя ошибка? Ссылка на архив с сайтом: https://yadi.sk/d/DaMKfImK3K8DiF .blocks:hover { box-shadow: 0 0 18px rgba(0,0,0,0.3); margin-top: 28px; } измени на: .blocks:hover { box-shadow: 0 0 18px rgba(0,0,0,0.3); } Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
a!max Опубликовано 14 июня, 2017 Автор Поделиться Опубликовано 14 июня, 2017 1 час назад, Silence сказал: .blocks:hover { box-shadow: 0 0 18px rgba(0,0,0,0.3); margin-top: 28px; } измени на: .blocks:hover { box-shadow: 0 0 18px rgba(0,0,0,0.3); } Я знаю, что без margin будет работать, ведь я сначала box-shadow делал Но нельзя просто так выкинуть свойство margin, мне нужен этот эффект "подпрыгивания/перемещения" Какой-то трабл наверно с float Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Silence Опубликовано 14 июня, 2017 Поделиться Опубликовано 14 июня, 2017 2 минуты назад, a!max сказал: Я знаю, что без margin будет работать, ведь я сначала box-shadow делал Но нельзя просто так выкинуть свойство margin, мне нужен этот эффект "подпрыгивания/перемещения" Какой-то трабл наверно с float Я не вижу разлику с margin и без margin ето просто hover efect Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
a!max Опубликовано 14 июня, 2017 Автор Поделиться Опубликовано 14 июня, 2017 2 минуты назад, Silence сказал: Я не вижу разлику с margin и без margin ето просто hover efect Хочу, чтобы поднимались блоки на несколько пикселей, но вот почему мне интересно некоторые блоки ведут себя странно... Silence 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Silence Опубликовано 14 июня, 2017 Поделиться Опубликовано 14 июня, 2017 1 минуту назад, a!max сказал: Хочу, чтобы поднимались блоки на несколько пикселей, но вот почему мне интересно некоторые блоки ведут себя странно... Попробуй вместо margin поставит ето: -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); a!max 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
a!max Опубликовано 14 июня, 2017 Автор Поделиться Опубликовано 14 июня, 2017 4 минуты назад, Silence сказал: Попробуй вместо margin поставит ето: -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); Работает, но я так понимаю webkit это только для chrome? Silence 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Silence Опубликовано 14 июня, 2017 Поделиться Опубликовано 14 июня, 2017 3 минуты назад, a!max сказал: Работает, но я так понимаю webkit это только для chrome? https://www.w3schools.com/css/css3_transitions.asp Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
a!max Опубликовано 14 июня, 2017 Автор Поделиться Опубликовано 14 июня, 2017 2 минуты назад, Silence сказал: https://www.w3schools.com/css/css3_transitions.asp Спасибо за ответ, теперь пойду спокойно спать Silence 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.