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

2 votes138 views4 answers
Css image sharpen
CSS
-2 votes144 views1 answer
How to add after psuedo class in html
CSS
0 vote153 views1 answer
Css add shade over background image
CSS
3 votes123 views2 answers
Move css background image
CSS
6 votes137 views4 answers
Webkit-line-clamp browser support
CSS
1 vote122 views1 answer
Associate checkbox with label
CSS
0 vote126 views1 answer
Remove border from last child css
CSS
22 votes123 views4 answers
Import font css from url
CSS
0 vote124 views1 answer
Low opacity whit out toching child nods
CSS
5 votes92 views1 answer
Rgb background
CSS