CSS 3.0 дал нам возможность создавать CSS градиенты в свойствах background-image без использования картинок.

В настоящее время не все браузеры поддерживают градиенты, и то благодаря хакам.

Для Mozilla Firefox хак выглядит следующим образом.

-moz-linear-gradient(
    center bottom,
    rgb(182,43,53) 42%,
    rgb(219,69,80) 71%,
    rgb(255,97,112) 86%
)

А для браузером на движке webkit (Safari, Chrome, Arora, Konqueror и др.), так.

-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.42, rgb(182,43,53)),
    color-stop(0.71, rgb(219,69,80)),
    color-stop(0.86, rgb(255,97,112))
)

Читать полностью

CSS 3.0 открывает множество возможностей для простоты разработки веб-приложений. В прошлых постах вы уже наверно познакомились с некоторыми свойствами CSS 3.0. Мы научились делать тень от блоков и закруглять углы все парой строчкой кода.
Читать полностью

Вот-вот и наступит тот момент, когда всеми браузерами начнут поддерживаться стили CSS 3.0. На данный момент почти полностью поддерживается Mozilla и Safari. Частично Opera. Ну, а IE СSS 3.0  сейчас не очень переваривает.

Сегодня я покажу как с помощью простого кода сделать закругленные углы и тень у любого блока, будь то таблица, div или b :)
Читать полностью