Как повторить бордер?

Question

[frontAng]

Он похож с svg ниже, но немного отличается
https://jsbin.com/sapufinipo/1/edit?html,css,output

Answer 1

[Антон Антон]

не идеально, но, имхо, приемлемо

background: linear-gradient(to bottom right, rgba(48, 62, 254, 0.48), rgba(48, 62, 254, .13));

А вообще можно просто этот svg на фон положить с эффектом non-scaling-stroke https://developer.mozilla.org/en-US/docs/Web/SVG/R...

Comments

[frontAng]

Антон Антон, спасибо. А если такой бордер в емейл письме? То как быть?

[frontAng]

Ankhena, а если этот бордер в емейл письме? Есть другой вариант?
В письмах нет возможности использовать псевдо и вроде использования масок ограничено

[Антон Антон]

frontAng, вот тут несколько вариантов, в т.ч. без без псевдо https://codepen.io/FragsterAt/pen/raNgpyj
теоретически можно еще с border-image поиграть

[ANKU]

frontAng, проще изображение воткнуть в письмо, чем баловаться css