nav新增动画,修复潜在的性能和bug,优化动画流畅度

This commit is contained in:
2026-01-29 09:48:05 +08:00
parent 0a1bd07492
commit 2377e2dda2
6 changed files with 34 additions and 27 deletions

View File

@@ -98,13 +98,13 @@ export default function TrustedBySection() {
{partners.map((partner, index) => (
<div
key={partner.name}
className={`flex-shrink-0 relative overflow-hidden transition-all duration-700 ease-out ${
className={`flex-shrink-0 relative overflow-hidden cursor-pointer hover:brightness-0 ${
animate
? 'translate-y-0 opacity-100'
: 'translate-y-12 opacity-0'
}`}
style={{
transitionDelay: `${index * 100}ms`,
transition: `transform 0.7s ease-out ${index * 100}ms, opacity 0.7s ease-out ${index * 100}ms, filter 0.3s ease-out`,
width: `${partner.width}px`,
height: `${partner.height}px`,
aspectRatio: `${partner.width}/${partner.height}`