Frontend Formula

💡Создаём выпадающее меню при наведении на изображение



— Используйте <figure> для обёртки элемента <img> и элемента <div>, который будет содержать ссылки меню.



— Используйте атрибуты opacity и right, чтобы анимировать изображение при наведении, создавая эффект скольжения.



— Установите отрицательное значение у атрибута left для <div> и установите width. При наведении курсора сбросьте его до 0, чтобы создать эффект скольжения.



— Используйте display: flex, flex-direction: column и justify-content: center для <div>, чтобы выровнять элементы меню по вертикали.



👉 Ссылка на готовый код



#js #css #сниппет



👉 @frontend_formula