Дешевый хостинг



 

Эффект с помощью CSS3 Transform 3D

Автор: ducks99 | Дата: 3-07-2012 в 21:10 | Просмотров: 670 | Комментариев: 0



Эффект с помощью CSS3 Transform 3D
Есть много способов, показать информацию о продукте. В этом уроке я собираюсь рассказать Вам, как можно сделать куб с информацией на гранях. Будет применен эффект, который основан на CSS3 Transform 3D. Эффект корректно работает в FF, Chrome и Safari, Opera и IE пока не поддерживают CSS Transform 3D.

Изначально описание продукта/сервиса скрыто, на виду лишь логотип. Когда пользователь наводит на логотип курсор мыши, куб будет вращаться вертикально вверх, как-бы показывая нам другую грань с текстовой информацию о продукте, в то время как логотип постепенно исчезнет.

Категория: Создание и разработка

 

Эффекты при наведении для изображений с использованием CSS3

Автор: Ma3oBblu | Дата: 7-12-2011 в 10:55 | Просмотров: 1298 | Комментариев: 0



Эффекты при наведении для изображений с использованием CSS3
Новые свойства CSS3 позволяют делать очень много всего интересного. Сегодня мы рассмотрим несколько примеров, в котором создадим 10 разных эффектов при наведении курсора мыши на изображение. Мы будем показывать поверх изображения описание. Следует учесть, что данный эффект будет работать только в современных браузерах, которые поддерживают нововведения CSS3.

Эффекты при наведении для изображений с использованием CSS3

Категория: Создание и разработка