Bootstrap card hover effect

.card{
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  padding: 14px 80px 18px 36px;
  cursor: pointer;
}

.card:hover{
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

Similar codes

0 vote328 views2 answers
How to bring a text in middle center of a tile css in anchor tag inline elements
CSS
4 votes353 views1 answer
Css add dots if text too long
CSS
0 vote280 views2 answers
Vscode remote Error: EACCES: permission denied
CSS
0 vote317 views1 answer
Gradient 3 colors
CSS
0 vote314 views1 answer
Material css navbar
CSS
3 votes298 views1 answer
Watch scss to css
CSS
10 votes294 views2 answers
Remove underline on hover span
CSS
1 vote273 views1 answer
How to change the underline thickness in css
CSS
55 votes303 views5 answers
Margin shorthand CSS
CSS
-1 vote267 views1 answer
Css link underline
CSS