Background для бордюров

Варианты оформления бордюров с помощью css-свойства border-image

HTML:

HTML код во всех примерах одинаковый

Линейный градиентный фон:

CSS:

Повторяющийся линейный градиентный фон:

CSS:

Радиальный градиентный фон:

CSS:

Повторяющийся радиальный градиентный фон:

CSS:

Графический фон:

CSS:

Конический градиентный фон:

Поддерживается не всеми браузерами, например мозиллой

CSS:

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • Elen:

    Поддерживается не всеми браузерами, например мозиллой

    Уже поддерживается, это я про конический градиентный фон, у меня по крайней мере работает.

    Ответить
  • Константин:

    Очень круто! И вкус, и техническая реализация. Благодарю!

    Ответить