Двухцветные трехмерные блоки и текст онлайн урок.


Мы можем использовать несколько значенийtext-shadowиbox-shadow, чтобы создать трехмерный вид блоков или текста, например этот снимок экрана нижнего колонтитула Дэвида ДеСандро . Однако в этом примере «трехглавая» часть является сплошным цветом.

Перемещая цвета вперед и назад в «порядке укладки» нашего объявления в виде теней или текста, мы можем имитировать более трехмерный эффект освещения.

text-shadow:   1px 0px #eee, 0px 1px #ccc,
2px 1px #eee, 1px 2px #ccc,
3px 2px #eee, 2px 3px #ccc,
4px 3px #eee, 3px 4px #ccc,
5px 4px #eee, 4px 5px #ccc,
6px 5px #eee, 5px 6px #ccc,
7px 6px #eee, 6px 7px #ccc,
8px 7px #eee, 7px 8px #ccc,
8px 8px #eee;

# Пример