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 votes143 views1 answer
Css percent minus pixel
CSS
8 votes159 views2 answers
Css background image full screen responsive
CSS
4 votes150 views1 answer
How to make image not repeat on background
CSS
0 vote139 views1 answer
Ipad pro css
CSS
161 votes206 views6 answers
Css bold text
CSS
1 vote161 views3 answers
Css background image not working
CSS
20 votes144 views6 answers
Fonts for css
CSS
0 vote176 views1 answer
Background url with color css
CSS
-1 vote167 views1 answer
How to remove default styling of a tag
CSS
5 votes157 views3 answers
Change color of bullet points css
CSS