bender/adc8d263-e253-44e2-97d6-0cc358c838d9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_5_1776317976255 into main

Browse Source 
Merge version_5_1776317976255 into main
This commit was merged in pull request #5.
This commit is contained in:
bender
2026-04-16 05:40:57 +00:00
parent 253bf96646 9bbe263701
commit 9bad83cd4d
2 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/sections/hero/HeroAnimated.tsx
View File

@@ -54,8 +54,8 @@ const HeroAnimated = ({
className="max-w-8/10 text-lg md:text-xl leading-tight text-center"
/>
<div className="flex flex-wrap justify-center gap-3 mt-2">
<Button text={primaryButton.text} href={primaryButton.href} variant="primary" animate />
<Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary" animate delay={0.1} />
<Button text={primaryButton.text} href={primaryButton.href} variant="primary" animate className="btn-3d" />
<Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary" animate delay={0.1} className="btn-3d" />
</div>
</div>
</div>

10
src/index.css
View File

@@ -194,3 +194,13 @@ h6 {
2.10837px 3.16256px 9.48767px color-mix(in srgb, var(--color-accent) 10%, transparent);
border: 1px solid var(--color-secondary-cta);
}
.btn-3d {
transition: transform 0.1s ease-out, border-bottom-width 0.1s ease-out;
border-bottom: 4px solid rgba(0, 0, 0, 0.25);
}
.btn-3d:active {
transform: translateY(2px);
border-bottom-width: 2px;
}