Webice.Ru - социальная сеть для блоггеров

«    Октябрь 2020    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
Webice.Ru - социальная сеть для блоггеров » Разработка » Затенение 3D-обектов с помощью box-shadow
 

 Затенение 3D-обектов с помощью box-shadow


ри работе с элементами, которые были как-то преобразованы в 3D, можно заметить, что они не имеют никакого затенения и смотрятся очень плоскими. В реальном мире все объекты преломляют свет и имеют тени. Их поверхности могут быть какими угодно – матовыми, отражающими и т.д.
Есть несколько вариантов для того, чтобы направить свет на сложную геометрию, например библиотека Photon, но такие решения сильно нагружают процессор. В этой статье я покажу вам одну технику, которую можно применить к объектам с несколькими гранями. Наш пример будет галереей с 3D-постерами фильмов и, если повернуть постер, другая его сторона будет содержать информацию о фильме.



Также webice рекомендует:
    3D постеры в виде боксов
    При работе со свойствами 3D трансформации можно заметить что не имеют никакой тени и можно подумать что они плоские. Для эффекта объема можно задать зеркальное отражение или тень. А также при наведени ...

    Интерес к работе
    Быть лучшей возможно только тогда, когда у тебя есть интерес к работе, когда ты делом живешь, когда ты к каждой задаче подходишь, потирая ручки. Безразличие к материалу – оно чувствуется. Тексты получ ...

    3D CSS ленточка
    Сейчас практически на любом сайте можно найти элемент, который создает эффект объема. Он очень интересно смотрится и привлекает взгляд. И в этой статье я расскажу как создать 3D ленточку, которую можн ...

Читать далее
0
Просмотров: 448 Обсудили: 0
Информация
Гости не могут оставлять комментарии в данной новости, зарегистрируйтесь или авторизуйтесь на сайте.
 
Логин:
Пароль:

Добро пожаловать!

Вы вошли как гость, рекомендуем Вам авторизироваться либо пройти процесс регистрации. Если Вы забыли пароль, то Вы можете его восстановить.
Полезные инструменты