c3d2/c3d2-web
c3d2
/
c3d2-web
37
3
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

datenspuren: animate island svgs
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Astro 2023-06-29 00:50:32 +02:00
parent f3ddbc5aae
commit 406476c926
3 changed files with 111 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
content/static/datenspuren/2023/design/island_l.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 105 KiB

After

Width:  |  Height:  |  Size: 108 KiB

62
content/static/datenspuren/2023/design/island_r.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 224 KiB

After

Width:  |  Height:  |  Size: 224 KiB

14
content/static/datenspuren/2023/design/style.css
View File

@ -38,22 +38,24 @@ h1:before {
content: url('island_l.svg'); content: url('island_l.svg');
position: absolute; position: absolute;
left: -20px; left: -20px;
animation: 10s ease-out arrive_l; transform: translateZ(5px);
animation: 23s ease-out arrive_l;
} }
h1:after { h1:after {
display: inline-block; display: inline-block;
content: url('island_r.svg'); content: url('island_r.svg');
position: absolute; position: absolute;
right: 0; right: 60px;
transform: translateZ(30px); top: 20px;
animation: 10s ease-out arrive_r; transform: translateZ(25px);
animation: 23s ease-out arrive_r;
} }
@keyframes arrive_l { @keyframes arrive_l {
from { from {
transform: translateZ(-100px); transform: translateZ(-100px);
} }
to { to {
transform: translateZ(0px); transform: translateZ(5px);
} }
} }
@keyframes arrive_r { @keyframes arrive_r {
@ -61,7 +63,7 @@ h1:after {
transform: translateZ(-50px); transform: translateZ(-50px);
} }
to { to {
transform: translateZ(30px); transform: translateZ(25px);
} }
} }