heartbeat: parte prima

This commit is contained in:
boyska 2020-07-28 17:59:24 +02:00
parent d947c81dd8
commit 29dce6687c

View file

@ -2,7 +2,7 @@
.pulse { .pulse {
border-radius: 50%; border-radius: 50%;
cursor: pointer; cursor: pointer;
box-shadow: 0 0 0 rgba(204,169,44, 0.4); box-shadow: 0 0 0 rgba(255,255,255, 0);
animation: pulse 5s infinite; animation: pulse 5s infinite;
} }
.pulse:hover { .pulse:hover {
@ -13,19 +13,19 @@
0% { 0% {
-webkit-box-shadow: 0 0 0 0 rgba(130,130,130,0.4); -webkit-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
} }
67% { 17% {
-webkit-box-shadow: 0 0 0 0 rgba(130,130,130,0.4); -webkit-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
} }
70% { 20% {
-webkit-box-shadow: 0 0 0 2vw rgba(130,130,130,0.4); -webkit-box-shadow: 0 0 0 2vw rgba(130,130,130,0.4);
} }
73% { 23% {
-webkit-box-shadow: 0 0 0 0 rgba(130,130,130,0.4); -webkit-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
} }
76% { 26% {
-webkit-box-shadow: 0 0 0 2vw rgba(130,130,130,0.4); -webkit-box-shadow: 0 0 0 2vw rgba(130,130,130,0.4);
} }
79% { 29% {
-webkit-box-shadow: 0 0 0 0 rgba(130,130,130,0.4); -webkit-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
} }
100% { 100% {
@ -37,23 +37,23 @@
-moz-box-shadow: 0 0 0 0 rgba(130,130,130,0.4); -moz-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
box-shadow: 0 0 0 0 rgba(130,130,130,0.4); box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
} }
67% { 17% {
-moz-box-shadow: 0 0 0 0 rgba(130,130,130,0.4); -moz-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
box-shadow: 0 0 0 0 rgba(130,130,130,0.4); box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
} }
70% { 20% {
-moz-box-shadow: 0 0 0 2vw rgba(130,130,130,0.4); -moz-box-shadow: 0 0 0 2vw rgba(130,130,130,0.4);
box-shadow: 0 0 0 2vw rgba(130,130,130,0.4); box-shadow: 0 0 0 2vw rgba(130,130,130,0.4);
} }
73% { 23% {
-moz-box-shadow: 0 0 0 0 rgba(130,130,130,0.4); -moz-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
box-shadow: 0 0 0 0 rgba(130,130,130,0.4); box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
} }
76% { 26% {
-moz-box-shadow: 0 0 0 2vw rgba(130,130,130,0.4); -moz-box-shadow: 0 0 0 2vw rgba(130,130,130,0.4);
box-shadow: 0 0 0 2vw rgba(130,130,130,0.4); box-shadow: 0 0 0 2vw rgba(130,130,130,0.4);
} }
79% { 29% {
-moz-box-shadow: 0 0 0 0 rgba(130,130,130,0.4); -moz-box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
box-shadow: 0 0 0 0 rgba(130,130,130,0.4); box-shadow: 0 0 0 0 rgba(130,130,130,0.4);
} }