С приходом CSS3 появилась поддержка градиентов. Теперь можно легко создавать различные градиенты, например линейные и радиальные. Градиенты CSS поддерживаются в FF3.6+, Safari 2+ и Google Chrome. В FF3.6, могут быть применены к свойству "background-image" или к сокращенному свойству "background".
Было время, когда эффект выцветания или медленного проявления возможно было сделать только при помощи JavaScript/jQuery. Но с приходом CSS3 эффект выцветания стало возможно реализовать совсем прости, добавив всего несколько правил CSS.
Разработка нового сайта с нуля может потребовать много времени. Иногда, какие-то вопросы могут потребовать для решения больше времени, и сам процесс создания сайта может выйти за рамки. Поэтому очень важно использовать любые инструменты, которые позволят хоть где то сократить время разработки. Всегда нужно использовать эффективные методы, позволяющие получить быстро отличный результат.
Вы уже, наверное, знакомы со свойством text-shadow спецификации CSS3. Свойство text-shadow поддерживается сейчас всеми современными браузерами. За исключением одного всеми любимого браузера. Извините, но если вы все еще пользуетесь браузером Internet Explorer, то вам, скорее всего, придется ждать следующего релиза, где возможно все же появится полноценная поддержка спецификаций CSS3 и HML5, и нам не придется приставлять к коду новые костыли для поддержки.
При создании сайта или веб-приложения всегда нужны красивые и стильные кнопки. Обычно кнопка на сайте это небольшое графическое изображение, созданное в Photoshop. Однако с появлением стандарта CSS3, теперь как никогда стало проще создавать красивые и стильные кнопки. Всего лишь описав кнопку правилами CSS, мы заставляем браузер отображать её на стороне клиента в реальном времени. Получаем очевидный выигрыш: сокращаем время разработки, увеличиваем скорость загрузки страницы, уменьшаем число файлов.
Странно сознавать, что после нескольких лет разработки CSS стилей и чтения дизайн блогов и книг по CSS, я до сих пор не все знаю о некоторых общих свойствах CSS.
Может быть, это только мне неизвестно, а может быть, я просто не внимательно смотрю на вещи, которые я действительно часто привык видеть. Может быть, я просто не знаю, что у CSS больше неизвестных свойств, чем те, что я лично обнаружил и узнал до сих пор.
Здравствуйте уважаемые читатели блога mainview.ru. Как вы уже знаете, CSS позволяет достаточно гибко применять стили к элементам, заставляя их выглядеть подобно графическому изображению. Назначив правила, можно добиться довольно качественной стилизации. Сегодня, я хотел бы показать вам, как можно добиться стилизации кнопок под такую популярную сеть как Facebook. Используя код, приведённый ниже, вы можете создавать кнопки в стиле Facebook.
читать далее про то, как можно создать кнопки в стиле Facebook при помощи CSS3
Здравствуйте уважаемые читатели блога mainview.ru. Продолжаем осваивать основы CSS3, и сегодня рассмотрим несколько примеров того, как создать реалистичные тени при помощи CSS3 без использования изображений. Как известно тени очень широко используются в дизайне, поскольку именно тени создают эффект реалистичности. Раньше для создания теней использовались изображения, но с приходом CSS3 стало возможным быстро и легко создавать реалистичные тени.
читать дальше про создание реалистичных теней при помощи CSS3 без использования изображений
Сегодня технология CSS позволяет создавать все более гибкие вещи. CSS3 с успехом заменяет использование графики при оформлении страниц, значительно упрощая и облегчая сам код веб страницы. Сегодня с помощью CSS можно создавать не только реалистичные градиенты, тени, заливки и т.д. но и создавать различные фигуры. Большинство приведённых ниже кодов используют возможности CSS3, поэтому будут работать на последних браузерах. Отличительной особенностью создания таких фигур является то, что вы используете всего один тег HTML. Назначив ему тот или иной класс, вы легко переключаете форму создаваемой фигуры.
Очень хорошо иметь под рукой простые но эффективные решения. Поэтому я собрал здесь полезные jQuery скрипты и CSS правила для улучшения интерфейса страниц.
