Все записи с тегом css3

Сегодня мы рассмотрим сразу два свойства - rgba и hsla. Данные свойства – производные от rgb и hsl (hsl, к слову, до сих пор не поддерживается в IE), и единственное отличие в них – это четвёртый параметр, отвечающий за прозрачность.
Возможно, вы спросите: зачем использовать эти свойства, если есть opacity, которое худо-бедно поддерживается большинством браузеров?

А вот зачем!

В комментариях к этой статье меня попросили написать плагин для jQuery, который бы делал возможным использование CSS3 свойства box-shadow в IE. Идея показалась мне интересной, к тому же для одного из моих проектов был нужен подобный функционал.
Этот плагин похож на плагин textShadow - разница лишь в том, что в textShadow подложкой является текст, а в boxShadow для эффекта тени используется блок, размытый средствами IE.
К слову, в Internet Explorer есть фильтр, который создаёт тень от блока, но она выглядит слишком жёсткой и может быть направлена только в одну сторону, что нас совершенно не устраивает.

Читать дальше →

В предыдущей статье про свойство text-shadow я писала, что его вполне можно использовать, отказавшись от поддержки IE.
Но потом я подумала – а зачем отказываться?
И написала небольшой jQuery плагин для реализации этого свойства под IE.

Читать дальше →

Не прошло и дня, как вышла новая статья из серии о новых возможностях CSS3.
Сегодня мы будем говорить о text-shadow.
Это свойство нельзя назвать новым – оно было включено ещё в спецификацию CSS 2.0, а в версии 3.0 было переработано и улучшено.

Надо заметить, это одно из немногих свойств в CSS 3, которое объявляется одинаково во всех браузерах (без приставок –moz и –webkit).

Читать дальше →

В предыдущей статье я обещала рассмотреть свойство gradient. Приступим.
В настоящий момент gradient – само неоднозначное свойство. Браузеры поддерживают его по-разному, у каждого браузера свой стиль написания и свои возможности.
Сейчас свойство gradient так или иначе поддерживается в следующих браузерах:

• Firefox (начиная с версии 3.6)
• Safari (с версии 4)
• Chrome
• IE (с версии 5.5, через свойство filter)

Перейдём к реальным примерам →

В первой части мы рассмотрели создание закруглённых углов с помощью свойства border-radius.

Сегодня мы рассмотрим свойство box-shadow, которое позволяет создавать тень вокруг блока.
Как и предыдущее свойство, его поддерживают далеко не все браузеры, но если вам нужен лишь декоративный эффект с минимальным использованием css, то box-shadow нет равных.

Читать дальше →

Новая версия CSS (а именно CSS 3) не за горами, и уже сейчас некоторые браузеры поддерживают новые свойства.
Что это за свойства и как они могут быть полезны уже сейчас?
Об этом мы сегодня и поговорим, а именно о свойстве border-radius.
Читать дальше →