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

17 votes325 views2 answers
Solved - gulp : File C:\Users\Tech\AppData\Roaming\npm\gulp.ps1 cannot be loaded because running scripts is disabled on this system.
CSS
-1 vote309 views3 answers
Clip path css
CSS
36 votes290 views2 answers
Css translate x and y
CSS
0 vote282 views1 answer
Add expanding underline on page load css
CSS
1 vote294 views1 answer
To make the content of the select2 RTL or LTR
CSS
2 votes328 views2 answers
Bootstrap change color table striped
CSS
0 vote309 views1 answer
Responsive card css
CSS
0 vote249 views1 answer
How to make header on top
CSS
1 vote291 views1 answer
Css placeholder text truncate
CSS
1 vote309 views1 answer
Css don't break elements
CSS