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 vote208 views6 answers
Install canon mf211 printer ubuntu
CSS
8 votes206 views6 answers
Background image overlay
CSS
0 vote244 views1 answer
Bootstrap ol
CSS Bootstrap
1 vote218 views1 answer
Css stylistic alternates
CSS
1 vote224 views1 answer
Import maxcdn.bootstrapcdn.com not in index.html in specific component file
CSS Bootstrap
0 vote217 views1 answer
How To target a particular td in css
CSS
0 vote213 views1 answer
How to change line colors in css
CSS
1 vote241 views2 answers
Selector CSS Example
CSS
0 vote226 views2 answers
Add a comment in css
CSS
7 votes216 views3 answers
Border width css
CSS