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 vote291 views1 answer
How to center an overlay button using css transform and translate
CSS
66 votes308 views6 answers
Center an image
CSS
6 votes286 views2 answers
Css grid full width row
CSS
2 votes285 views1 answer
Bootstrap dark mode
CSS
1 vote286 views1 answer
Css animation display none
CSS
32 votes314 views6 answers
Css font face
CSS
1 vote294 views2 answers
Apple font css
CSS
1 vote333 views3 answers
Css hover animation text
CSS
10 votes311 views4 answers
Composer self update version 1
CSS
0 vote277 views1 answer
Style image so it crops
CSS