.heart {
font-size
:
15px
;
text-align
:
center
;
color
: rgba(
165
,
25
,
25
,
1
);
padding
:
0
;
margin
:
0
;
}
.pulse
1
{
-webkit-animation: pulse
1
1
s linear infinite;
-moz-animation: pulse
1
1
s linear infinite;
-ms-animation: pulse
1
1
s linear infinite;
animation: pulse
1
1
s linear infinite;
}
@keyframes
"pulse1"
{
0%
{
color
: rgba(
165
,
25
,
25
,
1
);
}
90%
{
color
: rgba(
255
,
0
,
0
,
0.0
);
}
100%
{
color
: rgba(
255
,
0
,
0
,
1.0
);
}
}
@-moz-keyframes pulse
1
{
0%
{
color
: rgba(
165
,
25
,
25
,
1
);
}
90%
{
color
: rgba(
255
,
0
,
0
,
0.0
);
}
100%
{
color
: rgba(
255
,
0
,
0
,
1.0
);
}
}
@-webkit-keyframes
"pulse1"
{
0%
{
color
: rgba(
165
,
25
,
25
,
1
);
}
90%
{
color
: rgba(
255
,
0
,
0
,
0.0
);
}
100%
{
color
: rgba(
255
,
0
,
0
,
1.0
);
}
}
@-ms-keyframes
"pulse1"
{
0%
{
color
: rgba(
165
,
25
,
25
,
1
);
}
90%
{
color
: rgba(
255
,
0
,
0
,
0.0
);
}
100%
{
color
: rgba(
255
,
0
,
0
,
1.0
);
}
}
.pulse
2
{
-webkit-animation: pulse
2
1
s linear infinite;
-moz-animation: pulse
2
1
s linear infinite;
-ms-animation: pulse
2
1
s linear infinite;
animation: pulse
2
1
s linear infinite;
}
@keyframes
"pulse2"
{
0%
{
-webkit-transform: scale(
1.1
);
-moz-transform: scale(
1.1
);
-o-transform: scale(
1.1
);
-ms-transform: scale(
1.1
);
transform: scale(
1.1
);
}
50%
{
-webkit-transform: scale(
0.8
);
-moz-transform: scale(
0.8
);
-o-transform: scale(
0.8
);
-ms-transform: scale(
0.8
);
transform: scale(
0.8
);
}
100%
{
-webkit-transform: scale(
1
);
-moz-transform: scale(
1
);
-o-transform: scale(
1
);
-ms-transform: scale(
1
);
transform: scale(
1
);
}
}
@-moz-keyframes pulse
2
{
0%
{
-moz-transform: scale(
1.1
);
transform: scale(
1.1
);
}
50%
{
-moz-transform: scale(
0.8
);
transform: scale(
0.8
);
}
100%
{
-moz-transform: scale(
1
);
transform: scale(
1
);
}
}
@-webkit-keyframes
"pulse2"
{
0%
{
-webkit-transform: scale(
1.1
);
transform: scale(
1.1
);
}
50%
{
-webkit-transform: scale(
0.8
);
transform: scale(
0.8
);
}
100%
{
-webkit-transform: scale(
1
);
transform: scale(
1
);
}
}
@-ms-keyframes
"pulse2"
{
0%
{
-ms-transform: scale(
1.1
);
transform: scale(
1.1
);
}
50%
{
-ms-transform: scale(
0.8
);
transform: scale(
0.8
);
}
100%
{
-ms-transform: scale(
1
);
transform: scale(
1
);
}
}