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

0 vote298 views1 answer
Divs overlapping on mobile landscape
CSS
0 vote308 views1 answer
100vh doesn't fill the page
CSS
1 vote308 views1 answer
Vertcial text css
CSS
9 votes312 views2 answers
Background css
CSS
0 vote314 views1 answer
Make table cell less wide css
CSS
22 votes306 views6 answers
Blur css
CSS
50 votes311 views4 answers
Truncate text css
CSS
0 vote302 views1 answer
Css psedou content data
CSS
2 votes319 views1 answer
Background gradient problem
CSS
35 votes322 views2 answers
Css code for margin
CSS