Double border color css

.double-border {
  display: block;
  clear: both;
  background: red;
  border: 5px solid yellow;
  outline: 5px solid blue;
  transition: 0.7s all ease-in;
  height: 50px;
  width: 50px;
}
.double-border:hover {
  background: yellow;
  outline-color: red;
  border-color: blue;
}
<div class="double-border"></div>

Source: stackoverflow.com

Similar codes

33 votes241 views6 answers
Css flex center
CSS
1 vote242 views2 answers
Text overflow break line
CSS
45 votes227 views6 answers
How to remove background color in css
CSS
0 vote230 views1 answer
Webkit scrollbar padding
CSS
1 vote298 views2 answers
Css all ids starting with
CSS
1 vote221 views1 answer
Css var negative
CSS
0 vote224 views1 answer
Inline-block column appear higher than others
CSS
0 vote249 views2 answers
Caching
CSS
7 votes241 views3 answers
Text unselectable css
CSS
0 vote243 views1 answer
Getting two scroll bars
CSS