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 vote110 views1 answer
My customized css export chrome dev
CSS
0 vote109 views1 answer
Css shape-outside
CSS
3 votes112 views3 answers
Scss variables
CSS
0 vote60 views1 answer
Affect top div opacity without affecting childrne
CSS
-1 vote109 views2 answers
How to set background automatically with my screen height
CSS
0 vote105 views1 answer
How to make my list unstyled
CSS
1 vote105 views1 answer
Flexbox navbar fixed top
CSS
0 vote106 views1 answer
Container media queries for large displays
CSS
0 vote100 views1 answer
Css layers over background-images
CSS
8 votes95 views2 answers
Invert png color css
CSS