Голосование по поводу использования CSS3 закончилось и судя по результатам, половина проголосовавших уже использует те возможности, которые присутствуют в современных браузерах.
И это не удивительно. Новые возможности делают процесс разработки намного проще и быстрее. Конечно использовать новые свойства в коммерческих проектах ещё рано, но поэкспериментировать и использовать некоторые из них, например на своём блоге, вы можете уже сейчас. На данный момент наибольшая поддержка CSS3 присутствует в Safari/Chrome и Firefox, однако пишут, что в новой версии Opera 10.50 также будут реализованы некоторые возможности.
Я тоже не остался в стороне и немного освежил внешний вид блога, добавив следующее…
Скруглённые уголки
Все элементы на блоге с такими уголками реализованы с помощью свойства border-radius. Непосредственно само свойство пока нигде не поддерживается, но в некоторых браузерах есть соответствующие проприетарные свойства.
border-radius:5px; -moz-border-radius:5px; /* Firefox */ -webkit-border-radius:5px; /* Safari/Chrome */
Тени
Для создания тени у блоков используется свойство box-shadow. Ситуация с поддержкой этого свойства аналогична предыдущему.
box-shadow:1px 1px 1px #000; -moz-box-shadow:1px 1px 1px #000; -webkit-box-shadow:1px 1px 1px #000;
Первое и второе значения задают смещения соответственно по оси X и Y. Третье значение определяет радиус размытия тени.
Тень у текста создаётся с помощью свойства text-shadow.
text-shadow:1px 1px 1px #000;
Градиенты
В некоторых блоках я использовал градиентный фон.
background:-moz-linear-gradient(-90deg,#000,#fff); background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#fff));
Как видите, описания параметров градиента у браузеров на данный момент различаются, но суть у них одна.
Итог
Всё это лишь краткое описание нескольких свойств, которые использовал я. Кроме этого есть множество других, не менее интересных возможностей. Советую почитать соответствующие статьи например на Smashing Magazine или CSS3.info.
Удачи!
Loading ...
Активно использую border-radius. На youtube, например, поступают так же. Посмотрите на кнопку «Добавить видео» в разных браузерах.
Я не использую возможности современных браузеров, мне это как-то ни к чему. И так достаточно возможностей.
Конечно же, исользую! Кстати, спасибо за подсказку по скругленным уголкам, я обязатеьно поробую сделать.
Похоже, я начинаю устаревать
Нифига из перечисленного не использую. Да и не в красивостях дело, всё это вторично.
P.S. У тебя не слишком тусклый шрифт в полях форм?
Использовать конечно пока рано, но попробовать стоит.
Шрифт, согласен, тускловат. Давно хочу поправить, но руки не доходят.
CSS3, как по мне, так очень не практично на данный момент, много глюков.
Многие еще не скоро начнут использовать CSS3. Главное, не красота а удобство
По немножку и все перейдут на цсс3
Я лично не использую, но в css фреймворке, который использую на многих проектах, такие стили присутствуют. Жду, когда же все браузеры будут, наконец, поддерживать CSS3
Я, кстати, на нескольких проектах использовал новый CSS3. Непривычно так
Кстати в opera лучше работает, чем в фф
В настоящее время возможности css3 пока не использую, не вижу большой необходимости, лет через 5-6, наверное буду