Многие уже научились создавать меню со скругленными углами на чистом CSS3. А что если кому-нибудь захочется создать закругленные элементы с расширяющимися закругленными границами? Да еще и на чистом CSS3?

Стив Смит решил эту задачу и мы сейчас рассмотрим ее решение. Результат получится точно таким как на картинке сверху. И так, начнем.
Читать полностью

С появлением CSS3 свойства box-shadow мы можем делать тени у блоков без использования картинок. Но в большинстве случаев получается сделать только обычную прямую тень откидываемую блоком или же внутреннюю тень (inset).
Читать полностью

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

В процессе разработки (и даже продакшена) возникает вопрос: Ну как заставить IE6-8 правильно обрабатывать такие свойства как: border-radius, box-shadow и gradient. Много испробовал я различных методов, например тот же самый behavior.htc для скругленных углов - ведет себя отвратительно на малых радиусах да и вообще искажается где только может.
Читать полностью

Мода на свои кнопки и элементы управления пошла уже давно. Раньше, в связи с бедностью CSS возможностей разработчики делали свои кнопки картинками. CSS кнопки сделанные картинками имеют кучу минусов. Например, они не отображаются при выключенных изображениях в браузере. Если же на кнопке написан сам текст кнопки, то дальнейшее производство таких кнопок превращается в тернистый путь. А представьте себе если надо поменять цветовую гамму или чуть изменить кнопку? Да, бывает, что разработчики все же умудяются сделать простую CSS кнопку, резиновую и без картинок. Но уверяю вас, что там одним DOM элементом не обходится.

Сегодня мы рассмотрим как можно сделать такие кнопки CSS.
Читать полностью

Рассмотрим как сделать такой индикатор на CSS. Он выполнен на чистом CSS3, а мы знаем, что пока не все свойства CSS3 поддерживаются популярными браузерами, так например выглядит наш индикатор в Opera 11, которая поддерживает не все свойства нужные нам:
Читать полностью