На этой страничке в секции My Works при наведении есть интересный эффект. Как его реализовать?
И сразу вопрос на засыпку. На мелкоэкранной версии Тостер меню прячется слева за экран а при нажатии выезжая толкает весь контент вправо. Как это сделано? Почему контент не падает вниз?
Спасибо
Ссылка scripteden.com/previews/Clean
На твои вопросы может легко ответить твой же браузер. Стоит лишь нажать F12, в случае Google Chrome. Найти нужный элемент, в первом случае применить hover эффект, а во втором нажать на нужную кнопку.
Линии реализованы с помощью псевдо-элемента before, который изначально имеет стили transform: scale(0,1) и opacity: 0, а при наведении на figure становится непрозрачным и увеличивается плавно благодаря transition.
Простой
