Как сделать вот такой border?

Question

[Konstantin Kudelko]

Привет всем как сделать вот такой boder, т е наполовину одного цвета, другая половина другого.
Пробовал через псевдокласс, не получается, так как этот бордер появляется при ховере.

Answer 1

[Danila]

codepen.io/DNLHC/pen/yOozRZ
точно так-же можно и бордером

Comments

[Konstantin Kudelko]

Спасибо!

Answer 2

[devstudent]

псевдокласс тоже может появляться при ховере

.classname:after {
opacity:0;
}

.classname:hover:after {
opacity:1;
}