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 vote300 views2 answers
Js parallax effect
CSS
5 votes318 views3 answers
Keep background image fixed during scroll using css
CSS
19 votes350 views5 answers
Css opacity background color
CSS
1 vote386 views1 answer
How to make font awesome responsive bootstrap
CSS Bootstrap
69 votes327 views6 answers
Center image css
CSS
6 votes303 views3 answers
How to round input border
CSS
11 votes325 views2 answers
How to center horizontally and vertically block div
CSS
4 votes297 views1 answer
How do i update my gatsby version?
CSS
4 votes288 views2 answers
CSS shrink image
CSS
4 votes353 views5 answers
Bootstrap img src
CSS Bootstrap