Give transition on box shadow

div {
  height: 200px;
  width: 200px;
  box-shadow: 0;
  transition: box-shadow 1s;
  border: 1px solid #eee;
}

div:hover {
  box-shadow: 0 0 3px #515151;
  ;
}

Similar codes

3 votes185 views1 answer
Font. to be thinner css
CSS
0 vote203 views1 answer
Html5 video hide timeline bar
CSS
0 vote243 views1 answer
Adding active Class with JavaScript
CSS
0 vote192 views2 answers
Vscode remote Error: EACCES: permission denied
CSS
0 vote182 views1 answer
Css dashed double border
CSS
0 vote188 views2 answers
Linear gradient and url css
CSS
1 vote217 views1 answer
Macbook change screenshot to jpg
CSS
0 vote216 views1 answer
How to center an overlay button using css transform and translate
CSS
0 vote209 views1 answer
Removing default background color of html input
CSS
6 votes197 views2 answers
You have a flexbox container with items set in a row. You want the items to be displayed in the opposite order in which they appear currently. Which code do you use?
CSS