rootadmin/multisite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

logo

Browse source
This commit is contained in:
Mackie 2026-05-29 09:23:37 +08:00
parent 3dc4d15861
commit f627a6ef89
1 changed files with 16 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
src/components/HeroPage.tsx
View file

@ -305,10 +305,17 @@ function LogosSection({ isDark }: { isDark: boolean }) {
Skills
</p>
{/* Marquee track */}
{/* Marquee track */}
<div style={{ overflow: 'hidden', width: '100%' }}>
<div style={{ display: 'flex', width: 'max-content', animation: 'marquee 35s linear infinite' }}>
{[...LOGOS, ...LOGOS, ...LOGOS, ...LOGOS].map((l, i) => (
<div
style={{
display: 'flex',
width: 'max-content',
animation: 'marquee 35s linear infinite',
}}
>
{/* Only 2 copies — animation goes to -50% which = exactly 1 copy width */}
{[...LOGOS, ...LOGOS].map((l, i) => (
<img
key={i}
src={l.src}
@ -320,12 +327,12 @@ function LogosSection({ isDark }: { isDark: boolean }) {
</div>
</div>
<style>{`
@keyframes marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
`}</style>
<style>{`
@keyframes marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
`}</style>
</section>
)
}