Hover Box-shadow + Color

by Léo Durand

HTML

<div id="bloc">

</div>

CSS

#bloc {
	background-color: #d0d0d0;
  width :100px;
  height: 100px;
  --box-shadow-color: palegoldenrod;
  box-shadow: 1px 20px 3px var(--box-shadow-color);
	transition: box-shadow 0.5s ease-in-out 2s, background-color 5s ease-in-out;

}

#bloc:hover {
  	background-color: red;
    --box-shadow-color: black;
}