Многие начинающие верстальщики сталкивались с таким термином как CSS хаки.
Если браузер не поддерживает и не понимает какое-то определённое CSS свойство, то каким образом начинает вдруг понимать это свойство после применения хака?
Подробнее можно почитать тут: Что такое CSS хаки или Вендорные префиксы

Представляю вашему вниманию CSS3 аккордеон меню вертикальное. Это скорее не меню а маленькая демонстрация новых возможностей CSS3 которые я вложил (скорее - напихал :)) в это вертикальное меню аккордеон. Хочу сразу предупредить - не все CSS3 свойства поддерживаются всеми браузерами. Демонстрационную страницу лучше смотреть браузером Google Chrome последней версии, так же эти свойства поддерживают Safari и Opera последних версий, а также Mozilla Firefox начиная с версии 3.7.

В это CSS3 аккордеон меню вошли свойства:
box-shadow - тень
text-shadow - тень текста
transform - трансформация (перемещение, вращение и изменение размеров)
transition - это простейшая CSS3 анимация/переход, которую можно применить к любому свойству CSS
rgba в CSS3 - цвет + прозрачность одним свойством
border-radius - скругление углов
opacity - прозрачность
gradient - плавные переходы из одного цвета в другой
Посмотреть подробнее можно здесь: Обзор основных CSS3 свойств

Недавно сделал себе замечательный, на мой взгляд, сервис для работы с цветом.
Очень часто так бывает, что при работе с цветом есть цифры RGB или HEX цвета, а что за цвет, как посмотреть? Эта утилита поможет справиться с этой задачей, просто введите значения цвета в нужные поля и нажмите соответствующие полям кнопки Набор RGB или Набор HEX и увидите нужный вам цвет, эта утилита не только поможет посмотреть нужный цвет, но и быстро подобрать оттенок этого цвета кнопками Светлее или Темнее.
Посмотреть и попробовать как это всё работает можно здесь: Палитра цветов для сайта и утилиты для работы с цветом