offen.software/website
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

animation #21

Merged
hendr-ik merged 3 commits from animation into main 2024-01-17 20:37:28 +01:00
Conversation 0 Commits 3 Files Changed 3 +19 -1
2 changed files with 19 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 1fe290837e - Show all commits

14
website/theme/static/css/styles.css
View File

@ -116,3 +116,17 @@ IMAGES
.imageCrop { .imageCrop {
object-fit: none; object-fit: none;
} }
/* ---------------------------------------------------
ANIMATION
----------------------------------------------------*/
.circle-orange {
animation: hideshow 2s ease infinite;
}
@keyframes hideshow {
0% { opacity: 1; }
40% { opacity: 1; }
50% { opacity: 0; }
90% { opacity: 0; }
100% { opacity: 1; }
}

6
website/theme/templates/index.html
View File

@ -79,7 +79,11 @@
<div class="flex flex-wrap justify-center"> <div class="flex flex-wrap justify-center">
<img src="/theme/images/gfx-detail-1.svg" alt="pattern" width="64px" height="64px" class="db self-start pl5 pa0-l"> <div class="db self-start pl5 pa0-l">
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle class="circle-orange" cx="32" cy="32" r="32" fill="#E9500A"/>
</svg>
</div>
<div class="w-100 w-auto-l flex flex-column-l flex-wrap justify-center"> <div class="w-100 w-auto-l flex flex-column-l flex-wrap justify-center">
<div class="wExtra32 colorSalmon ph3 pv4 pa4-l"> <div class="wExtra32 colorSalmon ph3 pv4 pa4-l">