В сообществе CSS существует давняя традиция расширять CSS до предела, открывая новые приемы. Эти эксперименты по своей сути ценны, поскольку, какими бы странными или бесполезными они ни казались, они помогают улучшить понимание людьми того, как именно работает CSS. Показательный пример: CSS Pencils Криса Хестера , где CSS и множество элементов div используются для отображения изображения, которое выглядит для всех намерений и целей, таких как стандартный gif, jpeg или PNG. Переключатель стилей можно использовать для изменения изображения. Эта методика не имеет точно никаких преимуществ по сравнению с обычными изображениями и имеет излишнюю дополнительную пропускную способность. Тем не менее, он все еще демонстрирует некоторые интересные моменты о CSS, которые Крис расширяет в своем объяснении демо .
В то время как мы находимся на предмет странных уловок CSS, Border Slants — это то, что каждый пользователь CSS может извлечь выгоду из понимания. Это хитрость за впечатляющей демонстрацией Sweet Heart и движущая сила вдохновляющей гексагональной карты сайта Tantek (не работает в IE / Windows, но работает практически во всех современных браузерах). CSS House Криса Хестера также широко использует эту технику.