Box shadow css transition

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;
  ;
}

Box shadow css transition

/* Scale up the box */
.box:hover {
  transform: scale(1.2, 1.2);
}

/* Fade in the pseudo-element with the bigger shadow */
.box:hover::after {
  opacity: 1;
}

Source: tobiasahlin.com

Similar codes

24 votes159 views2 answers
Text-overflow: ellipsis; 2 line
CSS
1 vote287 views1 answer
Css light grey
CSS
0 vote153 views1 answer
An operation was attempted on something that is not a socket
CSS
0 vote162 views1 answer
Npm registry package not found
CSS
16 votes234 views2 answers
Center h1 css
CSS
0 vote352 views1 answer
Nth master
CSS
-1 vote157 views1 answer
Css border image property
CSS
32 votes169 views6 answers
Css font face
CSS
13 votes157 views4 answers
Delected blue border when an input is selected
CSS
4 votes129 views1 answer
Disable input filed
CSS