@guddo.jee2:

🦋S̳O̳N̳I̳ K̳H̳A̳N̳🦋
🦋S̳O̳N̳I̳ K̳H̳A̳N̳🦋
Open In TikTok:
Region: DE
Tuesday 25 August 2026 10:53:37 GMT
55024
12699
728
94

Music

Download

Comments

masoom.malik.07
معصوم 😌 Malik ❤️🥀😌 A. S :
Nice to see you ☺️
2026-08-25 14:54:53
0
user121427966781
Ali hussan :
Nice 💞
2026-08-25 12:22:18
1
malakaijazawan
Aijaz Awan :
❤️❤️
2026-08-25 22:44:07
0
nomansial361
Noman sial🦁🦅 :
mashallah
2026-08-25 22:12:11
0
alirazabhi00
ALI RAZA :
2026-08-25 22:27:01
0
mubsharhassan58
MubashaR Hassan :
🌹 subhanallah ❤️Mashallah 🌹
2026-08-25 15:46:13
1
ayyan.gujjar93
sajid :
mashallah
2026-08-25 20:29:15
0
malikmehtab992
Malik Mehtab992 :
اللہ پاک قبول فرمائے آمین یارب العالمین 🙏🙏🙏🙏
2026-08-25 12:11:24
3
shahidsukhera291
ch Shahid ✌️ sukhera ✌️❤️💔💕 :
mashallah
2026-08-25 22:41:06
0
umar212708
umar :
♥️♥️♥️♥️
2026-08-25 11:35:59
1
safyan.janii
ajwa noor :
mashallha
2026-08-25 11:55:43
1
qasir.cheeta1
Qasir 🥀143❤️ :
اللہ پاک قبول🤲 کریں
2026-08-25 13:06:45
3
user23808918
Rasheed Ahmed :
mashalla
2026-08-25 21:20:17
0
shoaibrajput366
Rana Shoaib :
2026-08-25 19:20:30
0
usmanghny1
Usman :
2026-08-25 14:49:00
0
user6899156631069
M saifal sidhu :
Mashallah
2026-08-25 18:58:39
0
hafizchitral1212
S 🇦🇪 k :
Mash Allah
2026-08-25 18:50:09
0
soyab.luhar3
Soyab Luhar :
❤️❤️❤️❤️❤️❤️❤️❤️Hi
2026-08-25 18:49:32
1
fawadikhan
FاWاD KHاN :
2026-08-25 18:51:37
0
qaisar.mehmood807
Qaisar Mehmood :
2026-08-25 18:46:18
0
salehshahchishti
Saleh Shah Chishti :
MASHALLA amesha khush rao
2026-08-25 19:34:32
0
To see more videos from user @guddo.jee2, please go to the Tikwm homepage.

Other Videos

How I build with Claude 👇 Academy in bio 🔗 Making an object fly along a path on scroll, step by step: 1. Forget JavaScript animation for this. CSS has a motion path built in and almost nobody uses it. 2. Draw the arc in any vector tool, export the SVG, copy the d attribute out of it. 3. On the element: offset-path: path('M0,400 C300,200 700,150 1200,300'), offset-rotate: auto, offset-distance: 0%. 4. offset-rotate: auto is the whole trick. The object turns to follow the curve on its own, so a nose always points where it is going. 5. Drive it with ScrollTrigger: gsap.to(el, { offsetDistance: '100%', ease: 'none', scrollTrigger: { trigger: section, start: 'top top', end: '+=2000', scrub: 1 } }). 6. Coordinates in the path are unitless and map to the element's own coordinate space, so wrap it in a fixed size container or the curve drifts on resize. 7. The cutout: transparent PNG, then filter: drop-shadow(0 24px 36px rgba(0,0,0,0.45)). drop-shadow hugs the silhouette, box-shadow draws a rectangle. Full bleed photography behind it: 8. object-fit: cover plus object-position: 60% 40%. That second value is what keeps the subject framed when the viewport changes shape. Default centre crops the wrong thing on every phone. 9. Height in 100svh, never 100vh, or mobile browser chrome eats the bottom. 10. Legibility without a grey scrim over everything: text-shadow: 0 2px 24px rgba(0,0,0,0.55) on the headline. It darkens only behind the letters, so the photograph stays clean everywhere else. Composition: 11. Headline top left, body copy bottom right, subject in the middle. That diagonal is what makes the eye travel across the frame instead of stopping at the top. The full prompt behind this build goes in the Academy soon. Save this if you build with photography ✈️ #claude #buildinpublic #webdesign #motion #fyp
How I build with Claude 👇 Academy in bio 🔗 Making an object fly along a path on scroll, step by step: 1. Forget JavaScript animation for this. CSS has a motion path built in and almost nobody uses it. 2. Draw the arc in any vector tool, export the SVG, copy the d attribute out of it. 3. On the element: offset-path: path('M0,400 C300,200 700,150 1200,300'), offset-rotate: auto, offset-distance: 0%. 4. offset-rotate: auto is the whole trick. The object turns to follow the curve on its own, so a nose always points where it is going. 5. Drive it with ScrollTrigger: gsap.to(el, { offsetDistance: '100%', ease: 'none', scrollTrigger: { trigger: section, start: 'top top', end: '+=2000', scrub: 1 } }). 6. Coordinates in the path are unitless and map to the element's own coordinate space, so wrap it in a fixed size container or the curve drifts on resize. 7. The cutout: transparent PNG, then filter: drop-shadow(0 24px 36px rgba(0,0,0,0.45)). drop-shadow hugs the silhouette, box-shadow draws a rectangle. Full bleed photography behind it: 8. object-fit: cover plus object-position: 60% 40%. That second value is what keeps the subject framed when the viewport changes shape. Default centre crops the wrong thing on every phone. 9. Height in 100svh, never 100vh, or mobile browser chrome eats the bottom. 10. Legibility without a grey scrim over everything: text-shadow: 0 2px 24px rgba(0,0,0,0.55) on the headline. It darkens only behind the letters, so the photograph stays clean everywhere else. Composition: 11. Headline top left, body copy bottom right, subject in the middle. That diagonal is what makes the eye travel across the frame instead of stopping at the top. The full prompt behind this build goes in the Academy soon. Save this if you build with photography ✈️ #claude #buildinpublic #webdesign #motion #fyp

About