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