3D эффекты для миниатюр при наведении курсора мыши

3D эффекты для миниатюр при наведении курсора мыши

В данном уроке мы создадим интересные визуальные 3D эффекты с помощью CSS3 и jQuery. Идея для урока возникла под впечатлением страниц демонстрации проектов Google SketchUp.

В нашем примере мы будем использовать миниатюры, которые открывают дополнительную информацию при наведении курсора мыши на них. Структура будет построена на jQuery, который позволит вывести изображение в сложенном или отогнутом виде при наведении курсора мыши. Для формирования эффектов будем использовать трансформации CSS 3D. В тексте урока префиксы браузеров опущены для большей наглядности. Полный код можно посмотреть в исходниках к уроку.

Для отправки сообщения заполните все поля и нажмите кнопку «Отправить».
Все поля обязательны для заполнения!



Подписывайтесь на нашу группу в соцсетях: и Вы всегда будете в курсе всех новых публикаций!


Отзывы о блоге

Спасибо большое за полезную информацию. Долго думал, как самому оформить выпадающий список) Решил, что незачем изобретать колесо и заглянул на ваш сайт. Существенно сократили время поиска!


Брутов Степан Антонович

Менеджер Компьютерного сервиса «Dr.Kompoff»