Круглые углы при помощи CSS3 border-radius

Круглые углы при помощи CSS3 border-radius

Автор: alexnjoy | Категория: Web Design | Комментарии: 47 | 21-03-2010

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

Сегодня я напишу про свойство CSS3 — border-radius (css3 радиус рамки / css3 радиус границы). При помощи CSS3 border-radius вы сможете создать очень популярный эффект закругленных углов для ваших кнопок, рамок и боксов, используя лишь CSS, никаких картинок и скриптов ненужно. читать далее »

Использование CSS Рамок

Использование CSS Рамок

Автор: alexnjoy | Категория: Web Design | Комментарии: 0 | 10-07-2009

Я давно заметил, что многие приемы, которые используют топовые веб дизайнеры, очень простые. Весь секрет отличного дизайна заключается лишь в том, что нужно знать где применить и как сочетать те или иные приемы. Сегодня я хочу рассмотреть один очень простой, но очень эффективный прием в веб дизайне — CSS рамки (css borders).

Многие люди даже не осознают то, что рамки сильно влияют на дизайн сайта (блога). Вы можете улучшить ваш дизайн, потратив на это всего несколько минут. Такие незначительные параметры, как weight (толщина), style (стиль) и color (цвет), имеют большое влияние на то, хотите ли вы выделить какой то объект или же хотите слить его с задним фоном. читать далее »