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 votes181 views1 answer
Underline css animation hover
CSS
16 votes175 views1 answer
Sass css
CSS
3 votes153 views2 answers
Z-index limit
CSS
0 vote189 views1 answer
Request.env.cr.execute how to get the fetched data in dictionary
CSS
0 vote247 views2 answers
Not clickable css
CSS
19 votes195 views2 answers
Center div css flex
CSS
17 votes218 views4 answers
Css center element on screen
CSS
2 votes190 views1 answer
Css percent minus pixel
CSS
1 vote204 views1 answer
Dom ids have numbers
CSS
18 votes215 views2 answers
Yarn : File C:\Users\Developer Daiyan\AppData\Roaming\npm\yarn.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
CSS