<rmcreative>

RSS

Все заметки с тегом «Круглые уголки»

Можно уточнить:

    (5)
    (1)
  1. Кроссбраузерный border-radius

    7 января 2010

    Одной из самых больных тем верстальщиков являются скругление уголков. В последнее время ситуация улучшается и браузеры потихоньку начинают поддерживать столь востребованные CSS-свойства. FF, Safari, Chrome делают это через свойства с своими особыми префиксами, Opera — скоро будет делать без префиксов. В стороне у нас стоит, как всегда, IE.

    К счастью, IE можно довольно красиво победить его же средствами. Одно из понравившихся мне решений, использующее VML и behaviour — curved-corner. Для использования сливаем border-radius.htc, складываем рядом с CSS и используем следующий код:

    .my-block {
      /* Для хороших браузеров */
      -moz-border-radius: 10px; /* Firefox */
      -webkit-border-radius: 10px; /* Safari, Chrome */
      -khtml-border-radius: 10px; /* KHTML */
      border-radius: 10px; /* CSS3 */
      /* Для плохих IE */
      behavior: url(border-radius.htc); /* учим IE border-radius */
    }

    Да, кстати, по соседству можно найти менее востребованный, но всё же полезный behaviour для box-shadow.

    Демо

    69 комментариев
  2. Универсальный способ декорирования блоков и нарезка спрайта

    11 ноября 2009

    http://chikuyonok.ru/u/2009/10/1.png

    Сергей Чикуёнок показывает универсальный способ декорирования растягивающегося блока произвольных размеров. Как обычно, подробно и в картинках.

    Читаем

    Подробнее про нарезку спрайтов можно прочитать у Александра Бойченко.

    Комментировать
  3. Добавляем фон для блока со сглаженными углами на CSS

    4 сентября 2007

    Комментировать
  4. Сглаженные закругленные углы без использования изображений

    29 августа 2007

    Дальнейшее развитие слайсовой эмуляции закруглённых углов от Дмитрия Лялина. Описывать, думаю, не стоит... всё отлично видно на примере.

    Ну и сама заметка.

    Комментировать
  5. Закругление углов без использования изображений

    30 июля 2007

    На этот раз статья от Design For Masters не является переводом, но от этого хуже не стала.

    Читаем

    Комментировать