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

0   18

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

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

 

Астрофизика

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

 

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

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

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

CSS часть

0

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

не в сети 9 часов

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

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

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Авторизация
*
*
Войти с помощью: 
Регистрация
*
*
*
*
Войти с помощью: 
Генерация пароля