.post-like {
position: relative;
display: inline-block;
width: auto;
cursor: pointer;
font-weight: normal;
}
.post-like i {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.post-like .fa {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
text-align: center;
cursor: pointer;
}
.post-like .icon-to-x {
position: absolute;
display: block;
opacity: 0;
top: 0;
width: 16px;
height: 16px;
text-align: center;
cursor: pointer;
line-height: 16px;
font-size: 11px;
}
.post-like.liked:hover .fa {
color: transparent !important;
}
.post-like.liked:hover .icon-to-x {
opacity: 1;
}
@-webkit-keyframes pulse_animation {
0% { -webkit-transform: scale(1); }
30% { -webkit-transform: scale(1); }
40% { -webkit-transform: scale(1.3); }
50% { -webkit-transform: scale(1); }
60% { -webkit-transform: scale(1); }
70% { -webkit-transform: scale(1.2); }
80% { -webkit-transform: scale(1); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse_animation {
0% { -moz-transform: scale(1); }
30% { -moz-transform: scale(1); }
40% { -moz-transform: scale(1.3); }
50% { -moz-transform: scale(1); }
60% { -moz-transform: scale(1); }
70% { -moz-transform: scale(1.2); }
80% { -moz-transform: scale(1); }
100% { -moz-transform: scale(1); }
}
i.heart-pulse {
-webkit-animation-name: 'pulse_animation';
-webkit-animation-duration: 500ms;
-webkit-transform-origin:70% 70%;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: 'pulse_animation';
-moz-animation-duration: 500ms;
-moz-transform-origin:70% 70%;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
}