Стили теней
Уровень Z 1
Уровень Z 2
Уровень Z 3
Уровень Z 4
Стили теней
На qiwi.com существует 4 уровня теней: Z 1, Z 2, Z 3 и Z 4. Чем больше номер уровня, тем выше в пространстве расположен слой и тем больше по размеру и густоте падающая от него тень.
Случаи использования
| Уровень Z 1 | Интерфейсные блоки |
| Уровень Z 2 | Малые подсказки, сендбары, карточки (hover) |
| Уровень Z 3 | Большие подсказки |
| Уровень Z 4 | Выпадающие меню и списки, модальные окна |
Каждый уровень тени включает в себя 2 стиля:
— для блоков со скруглениями;
— для блоков без скруглений, например, шапки.
Уровень Z 1
| Параметр | Блок (offset) | Блок (no offset) |
| Opacity | 12% | 12% |
| Blur, px | 2 | 2 |
| Offset Y, px | 1 | 1 |
Уровень Z 2
| Параметр | Блок (offset) | Блок (no offset) |
| Opacity | 12% | 12% |
| Blur, px | 16 | 16 |
| Offset Y, px | 8 | 0 |
Уровень Z 3
| Параметр | Блок (offset) | Блок (no offset) |
| Opacity | 16% | 16% |
| Blur, px | 32 | 32 |
| Offset Y, px | 16 | 0 |
| Spread, px | 4 | 0 |
Уровень Z 4
| Параметры | Блок (offset) | Блок (no offset) |
| Opacity | 16% | 16% |
| Blur, px | 64 | 64 |
| Offset Y, px | 20 | 0 |
| Spread, px | 8 | 0 |
