Можно ли нарисовать границу CSS?

243

29 августа 2018, 03:40

К примеру необходимо что б граница у элемента (блок, кнопка) были в виде звезды, зайчика или другой произвольно нарисованной границы. Можно ли чистым css что-то придумать, что б свойства border-* работали в с таким оформлением границы?

Answer 1

Вторя словам @Sergey Archipov:

img { 
  border: 50px solid transparent; 
  -webkit-border-image: url(https://i.pinimg.com/originals/32/65/9c/32659c885180c2698db29df9b91175ef.png) 10% stretch round; 
  -o-border-image: url(https://i.pinimg.com/originals/32/65/9c/32659c885180c2698db29df9b91175ef.png) 10% stretch round; 
  border-image: url(https://i.pinimg.com/originals/32/65/9c/32659c885180c2698db29df9b91175ef.png) 10% stretch round; 
}

<img src="http://img-fotki.yandex.ru/get/4420/120710424.a2/0_6d8e5_a305153f_L.jpg" alt="" />

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

media запросы в css

В верстке новичокПравильно ли я понимаю что в media запросах max-width означает ширину самого монитора устройства, а min-width порог сжатия окна браузера?

244

javascript