Как нарисовать квадратные дивы с градиентом на bootstrap?

Question

[Александр Буки]

Здравствуйте, подскажите как нарисовать на bootstrap div с градиентным переходом?
Не могу сделать закругленные края, учитывая, что границы делаю через border-image
Картинка ниже.


Дополнительно:
Дивы не будут кликабельными, только всплывающий комментарий при наведений с задержкой пол секунды.

Comments

[Сергей delphinpro]

бутстрап-то здесь каким боком? Или просто знакомое слово суём где-попало?

[Александр Буки]

Сергей delphinpro, в целом не причем, делаю все на шаблоне бутсраповском

[Сергей delphinpro]

Делайте svg-шки и не заморачивайтесь.
Кроссбраузерно на css все равно не выйдет.

[Александр Буки]

спасибо!

Answer 1

[Владимир]

Прочти и глянь примеры Gradient Borders in CSS.
Отсюда. https://css-tricks.com/gradient-borders-in-css/

Comments

[Александр Буки]

супер! спасибо!