first commit
This commit is contained in:
commit
fdf7024bcd
19 changed files with 6837 additions and 0 deletions
23
styles/icons-bouncing.css
Normal file
23
styles/icons-bouncing.css
Normal file
|
@ -0,0 +1,23 @@
|
|||
.screensaver-icon {
|
||||
position: absolute;
|
||||
font-size: 3.8rem;
|
||||
opacity: 0.25;
|
||||
animation: floatIcon linear infinite;
|
||||
pointer-events: none;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.screensaver-icon.ai { color: #66ccff; animation-duration: 26s; top: 10%; left: 20%; }
|
||||
.screensaver-icon.ethics { color: #ff6666; animation-duration: 24s; top: 60%; left: 75%; }
|
||||
.screensaver-icon.safety { color: #99ff99; animation-duration: 28s; top: 30%; left: 60%; }
|
||||
.screensaver-icon.feedback { color: #ffcc66; animation-duration: 25s; top: 70%; left: 25%; }
|
||||
.screensaver-icon.model { color: #cc99ff; animation-duration: 23s; top: 45%; left: 45%; }
|
||||
|
||||
@keyframes floatIcon {
|
||||
0% { transform: translate(0, 0); }
|
||||
20% { transform: translate(120px, 100px); }
|
||||
40% { transform: translate(-80px, 140px); }
|
||||
60% { transform: translate(150px, -110px); }
|
||||
80% { transform: translate(-100px, -80px); }
|
||||
100% { transform: translate(0, 0); }
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue