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

1 vote174 views3 answers
Jquery set div height dynamically
CSS
3 votes176 views2 answers
Width css property
CSS
8 votes217 views3 answers
Bootstrap 4 center image
CSS Bootstrap
0 vote176 views1 answer
Align links to right css
CSS
2 votes212 views2 answers
Bootstrap icons in angular
CSS Bootstrap
0 vote203 views1 answer
Live sass compiler settings
CSS
0 vote204 views1 answer
Use PurifyCSS with hugo
CSS
2 votes188 views1 answer
Large input box bootstrap 4
CSS Bootstrap
0 vote188 views1 answer
Css radio button size
CSS
0 vote169 views1 answer
How to make text disappear after a certain length css
CSS