System-End/campfire
1
0
Fork 0
mirror of https://github.com/System-End/campfire.git synced 2026-04-20 00:25:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: FULL ORGANIZERS GUIDE button float animation

Browse source
This commit is contained in:
ascpixi 2025-11-21 19:34:12 -05:00
parent 37953a6224
commit ddeb35162e
2 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/App.tsx
View file

@ -317,7 +317,7 @@ function App() {
<div className="flex justify-end mt-12">
<button
className="bg-[#E77232] rounded-[20px] px-16 py-8 transform rotate-[2deg] hover:scale-105 transition-transform shadow-[0_8px_20px_rgba(0,0,0,0.25)] cursor-pointer active:scale-95"
className="bg-[#E77232] rounded-[20px] px-16 py-8 transform rotate-[2deg] hover:scale-105 transition-transform shadow-[0_8px_20px_rgba(0,0,0,0.25)] cursor-pointer active:scale-95 animate-float-up-down"
type="button"
onClick={() => window.open("https://docs.google.com/document/d/14sMLsvxpBFtdzNOvmMJyjIrggKdaXLJ2GMiOoBcE8-M/", "_blank")}
>

6
frontend/src/index.css
View file

@ -46,6 +46,7 @@ html, body, #root {
--animate-fish-swim-1: fish-swim 64s linear infinite;
--animate-fish-swim-2: fish-swim 70s linear infinite;
--animate-cloud-float-right: float-left-right 20s ease-in-out alternate infinite;
--animate-float-up-down: float-up-down 2.5s ease-in-out infinite;
@keyframes fish-swim {
0% { transform: translateX(0px) scaleX(1); }
@ -58,4 +59,9 @@ html, body, #root {
0% { transform: translateX(-5vw); }
100% { transform: translateX(0vw); }
}
@keyframes float-up-down {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-20px); }
}
}