-webkit-border-radius и -webkit-border-image одновременно.Это работает?

Question

Можно ли скруглить углы элементов с помощью градиентов фона веб-набора?Код ниже игнорирует закругленные углы.

#mydiv {
        border-width: 10px;
        width: 75px;
        height: 75px;
        margin: 0px;
        -webkit-border-radius: 10px;
        -webkit-border-image: 
            -webkit-gradient(linear, left top, left bottom,
             color-stop(0%,#f6f5f8),
             color-stop(25%,#7e7699),
             color-stop(50%,#120634),
             color-stop(75%,#7e7699),
             color-stop(100%,#f5f5f8)) 10;

}

Answer 1

Попробуйте использовать background-image вместо border-image.Например:

.mydiv {
        width: 75px;
        height: 75px;
        margin: 0px;
        border-radius: 10px;
        background-image:
        -webkit-gradient(linear, left top, left bottom, 
                color-stop(0%,#f6f5f8),
                color-stop(25%,#7e7699),
                color-stop(50%,#120634),
                color-stop(75%,#7e7699),
                color-stop(100%,#f5f5f8));
}