CSS3 Border-image Gradient

Only the right side border should have the gradient

by nicktheandroid

HTML

<div>


    
</div>

CSS

div {
    width:200px;
    height:225px;
    background:#DFDFDF;
    border-style:solid;
    border-width:15px;

    -webkit-border-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(41,184,229,1) 50%,rgba(255,255,255,1) 100%);    
}
/*
I THINK THIS IS THE OLD SYNTAX

    -webkit-gradient(linear, left top, left bottom, from(#fff), to(#0099ff), to(#fff))0 100% 0 0 stretch;
*/