#javascript #css #hover
#javascript #css #наведите курсор
Вопрос:
Ребята, я пытаюсь воссоздать этот сайт, просто для целей обучения, и в разделе новостей домашней страницы есть эта карточка с эффектом наведения. Возможно ли извлечь это только с помощью css? Я всегда заканчиваю тем, что выдвигаю половину за следующей картой. Разные z-index на каждой карте будут работать, просто последняя из них выдвигается в «неправильном» направлении. Вот ссылка на сайтыhttps://altar.io /
Комментарии:
1. Можете ли вы включить минимальный и полный пример с кодом здесь, в вопросе? И более четко объясните проблему, с которой вы столкнулись, что вы пытались решить, и каков ваш ожидаемый результат / поведение?
2. Эй, Марко, есть способ узнать, как они работают. просто проверьте их в консоли вашего браузера. он содержит полезную информацию о каждом элементе в DOM.
Ответ №1:
веб-сайт, который вы пытаетесь воссоздать, использует wow.js который генерирует анимации с помощью JS и CSS.
вы можете получить это отсюда:https://wowjs.uk/docs
вы можете проверить библиотеку, просто взглянув на элемент DIV каждой карты. они содержат атрибут данных типа, data-wow-duration который является wowjs библиотечными кодами