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 vote136 views1 answer
Moving nested element up css
CSS
3 votes150 views1 answer
Fontawesome trash icon
CSS
0 vote150 views1 answer
Css clip
CSS
0 vote147 views2 answers
Linear gradient and url css
CSS
7 votes144 views3 answers
Border width css
CSS
1 vote162 views1 answer
Out transition does not ease
CSS
29 votes174 views6 answers
Input focus border
CSS
11 votes147 views3 answers
Css ellipsis max width
CSS
11 votes169 views6 answers
Warning: LF will be replaced by CRLF in
CSS
0 vote142 views1 answer
Mouse hover text zoom effect
CSS