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 vote165 views1 answer
Gradient 3 colors
CSS
1 vote154 views1 answer
Css overwriting styles
CSS
62 votes140 views3 answers
Font awesome 4
CSS
0 vote253 views1 answer
Parcel-bundler bulma css
CSS Bulma
0 vote151 views2 answers
Webpack alias not working in jest
CSS
16 votes175 views4 answers
Arrow right css
CSS
13 votes144 views3 answers
How to make fixed background image in css
CSS
0 vote143 views1 answer
Scroll down style
CSS
24 votes157 views6 answers
Background remover
CSS
-1 vote151 views1 answer
Css dual color
CSS