Как сделать border-image: linear-gradient?

Question

[akselian]

вот мне нужен такой градиент, а получился такой , как сделать нормальный квадрат вокруг цифры в градиетне

li  {
    display: inline-block;
    font-size: 1.5em;
    font-family: "Comfortaa";
    list-style-type: none;
    padding: 1em;
    text-transform: uppercase;
    border: 10px solid transparent;
    border-image: linear-gradient(#EEEEEE, #005BAF);
    border-radius: 4px;
}

Answer 1

[Павел Фереферов]

Как-то так:
border-image: linear-gradient( 90deg, rgb(211,0,169) 0%, rgb(255,0,60) 100%);
border-image-slice: 1;

только цвет заменить

Comments

[akselian]

оо точно, спасибо огромное)