Делаем » Эффект 3D картинки

Эффект 3D картинки

0   6

Есть много способов скрыть информацию и показать ее, например, при наведении на картинку.

Делаем эффекта квадрата с текстом, который заменяется друг другом и только используя CSS3.

 

Пример:

Астрофизика

Имя персонажа: Астрофизика
110 Орк Охотница (Стрельба)
Сумма достижений: 19 710
Почетные победы: 82 659
Время в игре с 2008 года
World of Warcraft

 

HTML часть — Эффект 3D кнопки

Эффект квадрата создаются с помощью html кода. Изначально текст, который находится в с css стиле information скрыт и появляется он лишь при наведении на картинку:

Примечание: <p> </p><br / > не копируем.

Здесь мы и задаем все свойства для отображения и анимации. И создаем эффект 3D трансформирования:

CSS часть

Примечание: <p> </p><br / > не копируем.

Рейтинг: 0

Автор публикации

8
не в сети 32 минуты

Антон Кузнецов

Комментарии: 4Публикации: 91Регистрация: 23-01-2016

Добавить комментарий

Войти с помощью: 

Авторизация

Войти с помощью: 

Регистрация

captcha
Войти с помощью: 

Генерация пароля