Improve cards transitions

css/styles.css

@@ -46,6 +46,7 @@ main .intro {
 .card {
     transition: transform 0.4s;
     -webkit-transition: transform 0.4s;
+    transition: all 0.3s ease;
 }
 
 .card a {

css/styles.min.css

-body{background-color:#f5f5f5;padding-top:60px}main .intro{padding-top:1rem;padding-bottom:1rem;margin-bottom:0;background-color:none}@media (min-width:768px){.intro{padding-top:3rem;padding-bottom:3rem}}.intro p:last-child{margin-bottom:0}.intro h1{font-weight:300}.intro .container{max-width:40rem}#progress-bar{transition:all 1s linear}.row-cols-1 .card{max-width:310px}.card{transition:transform .4s;-webkit-transition:transform .4s}.card a{color:#32325d;text-decoration:none;min-width:0}.card:focus,.card:hover{cursor:pointer;box-shadow:0 1rem 1.5rem rgba(0,0,0,.175)!important;transform:scale(1.03);-webkit-transform:scale(1.03)}.card:focus{outline:0;border:1px solid #007bff;-webkit-box-shadow:0 0 5px #007bff;box-shadow:0 0 5px #007bff}.card p.card-text{margin-bottom:.5rem}footer{padding-top:3rem;padding-bottom:3rem}footer p{margin-bottom:.25rem}.footer{background-color:#f5f5f5}.alt-theme-color{background-color:#000}@keyframes loader{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.centered{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);transform:-webkit-translate(-50%,-50%);transform:-moz-translate(-50%,-50%);transform:-ms-translate(-50%,-50%)}.loader div{position:absolute;animation:loader .8s linear infinite;width:68px;height:68px;top:66px;left:66px;border-radius:50%;box-shadow:0 4px 0 0 #007bff;transform-origin:34px 36px}.loader-spinner-eclipse{width:200px;height:200px;display:inline-block;overflow:hidden;background:0 0}.loader{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0}.loader div{box-sizing:content-box}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.card-img-top{padding-top:0!important;padding-bottom:0!important}}}
\ No newline at end of file
+body{background-color:#f5f5f5;padding-top:60px}main .intro{padding-top:1rem;padding-bottom:1rem;margin-bottom:0;background-color:none}@media (min-width:768px){.intro{padding-top:3rem;padding-bottom:3rem}}.intro p:last-child{margin-bottom:0}.intro h1{font-weight:300}.intro .container{max-width:40rem}#progress-bar{transition:all 1s linear}.row-cols-1 .card{max-width:310px}.card{transition:transform .4s;-webkit-transition:transform .4s;transition:all .3s ease}.card a{color:#32325d;text-decoration:none;min-width:0}.card:focus,.card:hover{cursor:pointer;box-shadow:0 1rem 1.5rem rgba(0,0,0,.175)!important;transform:scale(1.03);-webkit-transform:scale(1.03)}.card:focus{outline:0;border:1px solid #007bff;-webkit-box-shadow:0 0 5px #007bff;box-shadow:0 0 5px #007bff}.card p.card-text{margin-bottom:.5rem}footer{padding-top:3rem;padding-bottom:3rem}footer p{margin-bottom:.25rem}.footer{background-color:#f5f5f5}.alt-theme-color{background-color:#000}@keyframes loader{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.centered{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);transform:-webkit-translate(-50%,-50%);transform:-moz-translate(-50%,-50%);transform:-ms-translate(-50%,-50%)}.loader div{position:absolute;animation:loader .8s linear infinite;width:68px;height:68px;top:66px;left:66px;border-radius:50%;box-shadow:0 4px 0 0 #007bff;transform-origin:34px 36px}.loader-spinner-eclipse{width:200px;height:200px;display:inline-block;overflow:hidden;background:0 0}.loader{width:100%;height:100%;position:relative;transform:translateZ(0) scale(1);backface-visibility:hidden;transform-origin:0 0}.loader div{box-sizing:content-box}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.card-img-top{padding-top:0!important;padding-bottom:0!important}}}
\ No newline at end of file