ZenBrowserMirrors/www
1
0
Fork 0
mirror of https://github.com/zen-browser/www.git synced 2025-07-08 09:20:00 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix: update title animation to use whileInView and add viewport settings

Browse source
This commit is contained in:
mr. M 2025-01-03 00:22:11 +01:00
parent f90f54ec04
commit dc83c63290
No known key found for this signature in database
GPG key ID: CBD57A2AEDBDA1FB
1 changed files with 2 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/animations.ts
View file

@ -2,7 +2,8 @@
export function getTitleAnimation(delay = 0) { export function getTitleAnimation(delay = 0) {
return { return {
initial: { opacity: 0, translateY: 20, filter: 'blur(4px)' }, initial: { opacity: 0, translateY: 20, filter: 'blur(4px)' },
animate: { opacity: 1, translateY: 0, filter: 'blur(0px)', transition: { duration: 0.3, delay } }, whileInView: { opacity: 1, translateY: 0, filter: 'blur(0px)', transition: { duration: 0.3, delay } },
viewport: { once: true }
}; };
} }