fic/server
Archived
1
0
Fork 0
Code Issues Pull requests 10 Releases Wiki Activity

Animate lighter the clock before start

Browse source
This commit is contained in:
nemunaire 2020-05-16 03:50:12 +02:00
commit 5d3ef96f3f
2 changed files with 24 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

24
frontend/static/css/fic.css
View file

@ -90,13 +90,20 @@ body {
.navbar .clock {
font-size: 70px;
}
.clock:not(.expired) .point, .clock.expired {
.clock:not(.expired):not(.wait) .point, .clock.expired {
transition: color text-shadow 1s;
position: relative;
animation: clockanim 1s ease infinite;
-moz-animation: clockanim 1s ease infinite;
-webkit-animation: clockanim 1s ease infinite;
}
.clock.wait .point {
transition: color text-shadow 1s;
position: relative;
animation: clockwait 1s ease infinite;
-moz-animation: clockwait 1s ease infinite;
-webkit-animation: clockwait 1s ease infinite;
}
.end {
color: #e64143;
}
@ -121,6 +128,21 @@ keyframes clockanim {
50% { opacity: 0; }
100% { opacity: 1.0; };
}
@-webkit-keyframes clockwait {
0% { text-shadow: 0 0 20px #A6D6F2; }
50% { text-shadow: 0 0 2px #A6D6F2; }
100% { text-shadow: 0 0 20px #A6D6F2; }
}
@-moz-keyframes clockwait {
0% { text-shadow: 0 0 20px #A6D6F2; }
50% { text-shadow: 0 0 2px #A6D6F2; }
100% { text-shadow: 0 0 20px #A6D6F2; }
}
keyframes clockwait {
0% { text-shadow: 0 0 20px #A6D6F2; }
50% { text-shadow: 0 0 2px #A6D6F2; }
100% { text-shadow: 0 0 20px #A6D6F2; }
}
samp.cksum {
overflow-x: hidden;