notkaramel/ECSESS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update peeking animation

Browse Source
This commit is contained in:
Minh Vo
2025-12-27 11:56:41 -05:00
parent 36632b025f
commit 6ce42e7d36
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app.css
View File

@@ -222,7 +222,8 @@ h2 {
@keyframes rotate-and-back { @keyframes rotate-and-back {
0% { transform: rotateY(0); } 0% { transform: rotateY(0); }
50% { transform: rotateY(15deg); } 33% { transform: rotateY(5deg); }
66% { transform: rotateY(-5deg); }
100% { transform: rotateY(0); } 100% { transform: rotateY(0); }
} }

2
src/components/event/EventBlock.svelte
View File

@@ -64,7 +64,7 @@
group relative flex flex-col rounded-2xl transition-all duration-300 hover:-translate-y-3" group relative flex flex-col rounded-2xl transition-all duration-300 hover:-translate-y-3"
> >
<!--Flip Card container--> <!--Flip Card container-->
<div class="flip-box-inner rounded-2xl " class:show-back={showDescription}> <div class="flip-box-inner rounded-2xl" class:show-back={showDescription}>
<!--Front Side--> <!--Front Side-->
<!--Opacity thing is to fix the visual bug on ios--> <!--Opacity thing is to fix the visual bug on ios-->
<div class="flip-box-front bg-ecsess-950 shadow-xl shadow-ecsess-950/60 rounded-2xl transition-opacity duration-500 {showDescription ? 'opacity-0 pointer-events-none' : 'opacity-100'}"> <div class="flip-box-front bg-ecsess-950 shadow-xl shadow-ecsess-950/60 rounded-2xl transition-opacity duration-500 {showDescription ? 'opacity-0 pointer-events-none' : 'opacity-100'}">