Главная » CSS и CSS3

Градиенты постоянно использовались в течение многих лет в веб-дизайне, в основном с помощью примененения фоновых градиентных изображений. В последнее время, однако , с внедрением CSS3 для многочисленных современных браузеров, многие веб-дизайнеры могут создавать градиенты без использования изображений, что позволяет браузерам работать быстрее и более эффективно.

Internet Explorer всегда причинял неудобства многим веб-дизайнерам и разработчикам, было ли это из-за некоторых неправильно реализованных функций (или даже вообще не реализованных), либо из-за несогласования в вопросах соответствия синтаксиса с другими браузерами.

Тем не менее, здесь я покажу вам кое-какие очень легкие "хаки" непосредственно для некоторых версий Internet Explorer. Хотя я настоятельно рекомендую вам не использовать эти хаки (так как они не смогут работать в будущем), скажу, что вам будет весьма полезно изучить их, потому как вам, возможно, придется использовать их для создания прототипов сайтов или для определенного временного назначения. Лучше всего, конечно, всегда использовать условные операторы, а не хаки (покажу ниже).

Во всяком случае, в этой статье вы найдете способы задания CSS стилей для конкретных версий Internet Explorer.

В этом уроке я покажу вам, как создать очень естественные и красиво оформленные кнопки, которые обычно делают в фотошопе, используя только CSS3. Некоторые из свойств CSS3, которые я буду использовать: text-shadow, box-shadow, gradient и rounded corners.

Ранее на сайте я немного затрагивал тему реализации текстовых эффектов с помощью возможностей CSS3. В этой статье хочу поделиться с вами еще некоторыми найденными мною в сети интересными рецептами.

Продолжение подборки CSS-сниппетов, призванных облегчить жизнь веб-дизайнеру при работе над его проектами.

В одной статье почти невозможно собрать все фрагменты кода CSS, которые могут пригодиться вам в будущем, но вот некоторые из них, которые вам придется использовать гораздо чаще других.
Не пугайтесь длине некоторых CSS-хаков, все они легко применимы и правильно задокументированы.
Кроме того, есть те, которые решают общие, досадные проблемы, но есть также некоторые, решающие проблемы, вызванные применением новых технологий сайтостроения.

Благодаря передовым свойствам CSS, таким, как градиенты и тени, теперь достаточно легко превратить скучную веб-форму во что-то красивое - с минимальными усилиями. Я покажу вам, как это сделать в сегодняшнем уроке!

Помимо уже существующих шестнадцатеричных и RGB цветов, в CSS3 появились нововведения: HSL(Hue, Saturation, Lightness) и HSLA значения, также в этой статье мы рассмотрим работу с свойством opacity в CS3.

CSS3 позволяет веб-дизайнерам использовать несколько фоновых изображений для блока, используя не более чем простой список, разделенный запятыми.

Поддержка браузерами нескольких фонов сравнительно широка: Mozilla Firefox (3.6 +), Safari / Chrome (1.0/1.3 +), Opera (10.5 +) и даже Internet Explorer (9.0 +) все поддерживают реализацию этой функции.

Еще одно новое свойство введено в CSS3-модуль "Фоны и границы" - background-size. Собственно, добавляет новые функциональные возможности, позволяет дизайнерам задавать размер фонового изображения с помощью либо длины в процентах, либо с помощью одного из двух ключевых слов: contain или cover.