Как сделать разноцветный border у Html блока?
Например у блока div задано свойство border-bottom 1px solid color # 000, а нужно чтобы он был и красный и черный?
По дате
По рейтингу
border-image
——————— пример ———————
<div class="bubu"></div>
.bubu {
width: 200px;
height: 100px;
border: 50px solid;
border-image: linear-gradient(-45deg, #c00 50%, #000 50% 100%) 50;
}
———————————————————————————————
Играйся с числами и цветами) Там вместо градиента может быть и обычная картинка)
Огромное спасибо. А не подскажешь, вроде ещё как-то через content: можно? Идея в том чтобы ничего не вырезать из psd и поддержка в старых браузерах, чтобы не копаться в них еще из-за css 3. linear-gradien по-моему, css 3 свойство...
Видео по теме