2 месяца назад
💻 Web-разбор: как сделать плавное увеличение фото при наведении курсора
💻 Web-разбор: как сделать плавное увеличение фото при наведении курсора Всем привет! Сегодня разберём, как с помощью CSS сделать красивый эффект: когда наводишь курсор на картинку - она плавно увеличивается. Такой приём часто используют на сайтах и портфолио, чтобы выделить изображения и сделать интерфейс современным. 📄 HTML-разметка <div class="img-hover-zoom"> <img src="путь_к_твоей_картинке.jpg" alt="Пример фото"> </div> 🎨 CSS для плавного увеличения .img-hover-zoom { height: 300px; ...
577 читали · 6 лет назад
Увеличение картинки при клике
Увеличение картинки при клике Описание: Очень простой скрипт на языке JavaScript, который требуется очень часто. Действительно, обычно картинки на сайте обладают небольшим размером, чтобы не увеличивать их до такого размера, когда это смотрится уже, как минимум, некрасиво. Однако, очень часто пользователи хотят увеличить картинку, и вот для их удобства и был сделан этот простой скрипт. Результат: Кликните на любую фотографию. Если кликните ещё раз, то она вернётся в исходное состояние (P.S. На фото не я, а мой одногруппник)...