enpaul
/
allaroundhere.org
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add fade in to explore button animation

This commit is contained in:
Ethan Paul 2023-01-15 22:49:31 -05:00
parent 32d7f4d848
commit bdc4c3710c
Signed by: enpaul
GPG Key ID: 9B6D99E4CFA31867
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/style.css
View File

@ -131,12 +131,12 @@ ul.buttons li {
5px 5px 10px #fff;
-webkit-animation-name: pulse;
-webkit-animation-duration: 5s;
-webkit-animation-duration: 6s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-fill-mode: none;
animation-name: pulse;
animation-duration: 5s;
animation-duration: 6s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-fill-mode: none;
@ -229,6 +229,11 @@ footer a.button i {
@keyframes pulse {
0% {
box-shadow:
0px 0px 15px 3px rgba(0,0,0,0),
0px 0px 15px 3px rgba(0,0,0,0);
}
3% {
box-shadow:
0px 0px 15px 3px #fff,
0px 0px 15px 3px #88a9fc;
@ -263,11 +268,16 @@ footer a.button i {
-10px 10px 15px 3px #fff,
10px -10px 15px 3px #88a9fc;
}
100% {
97% {
box-shadow:
0px 0px 15px 3px #b5f7fc,
0px 0px 15px 3px #88a9fc;
}
100% {
box-shadow:
0px 0px 15px 3px rgba(0,0,0,0),
0px 0px 15px 3px rgba(0,0,0,0);
}
}
@-webkit-keyframes spinner {