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

3 votes440 views2 answers
Bootstrap.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
CSS Bootstrap
2 votes365 views1 answer
Vh vs vw css
CSS
113 votes347 views5 answers
Padding css
CSS
0 vote400 views1 answer
Select html stop blue border
CSS
1 vote359 views2 answers
Text overflow break line
CSS
0 vote421 views1 answer
Outting a border on a map css
CSS
1 vote375 views1 answer
Place-items css property
CSS
85 votes352 views6 answers
Color code green
CSS
7 votes336 views1 answer
How to use multiple custom fonts in css
CSS
0 vote379 views1 answer
Color transition time css
CSS