@thegioiquanhta97172: Anh trâu đi cầy

Thế Giới Quanh Ta Review
Thế Giới Quanh Ta Review
Open In TikTok:
Region: VN
Monday 10 November 2025 12:30:56 GMT
11630
177
1
19

Music

Download

Comments

nguyendanggiahung_
𝙃Ư𝙉𝙂💔 :
🥰🥰🥰
2026-06-18 14:29:05
0
To see more videos from user @thegioiquanhta97172, please go to the Tikwm homepage.

Other Videos

How I build with Lovable 👇 Academy in bio 🔗 Corner widgets that read the visitor's real weather, step by step: 1. Get coordinates with navigator.geolocation.getCurrentPosition. Keep a fallback lat and lon ready, most people block the prompt. 2. Call Open-Meteo, free and no API key: fetch('https://api.open-meteo.com/v1/forecast?latitude=' + lat + '&longitude=' + lon + '&current=temperature_2m,wind_speed_10m,visibility'). 3. Read data.current.temperature_2m, round it with Math.round, print it with the degree symbol. 4. Local time: new Intl.DateTimeFormat('en-US', { hour: 'numeric', minute: '2-digit' }).format(new Date()), refresh with setInterval every 1000. 5. Render both in mono, uppercase, font-size 11px, letter-spacing 0.1em, position absolute in the corners. 6. Always paint a default value first and swap it when the fetch resolves. An empty corner while loading kills the whole effect. 3D props floating around the type: 7. Every prop is its own layer, transparent PNG or a small glb, position absolute, each on a different z-index. Some sit above the h1, some behind it. 8. Ground them with filter: drop-shadow(0 20px 30px rgba(0,0,0,0.5)). drop-shadow hugs the cutout. box-shadow would draw a rectangle around it. 9. Idle float: translateY keyframe of 6px up and back, duration between 4s and 6s, different animation-delay per prop so they never move in sync. 10. Mouse parallax: on mousemove read (e.clientX / window.innerWidth - 0.5), multiply by a depth number per prop, 30 for the front ones and 8 for the back ones, feed it into translate3d. Different multipliers is what builds the depth. Type that carries the page: 11. font-size: clamp(4rem, 16vw, 15rem), font-weight 900, letter-spacing -0.04em, line-height 0.85. Negative tracking and tight leading is what separates designed big type from just big type. 12. Side label: writing-mode: vertical-rl, position fixed, right 16px, top 50%, transform: translateY(-50%). Free vertical detail, zero JS. Save this if you want a page that knows where the visitor is 🌡️ #lovablepartner #buildinpublic #webdesign #branding #fyp
How I build with Lovable 👇 Academy in bio 🔗 Corner widgets that read the visitor's real weather, step by step: 1. Get coordinates with navigator.geolocation.getCurrentPosition. Keep a fallback lat and lon ready, most people block the prompt. 2. Call Open-Meteo, free and no API key: fetch('https://api.open-meteo.com/v1/forecast?latitude=' + lat + '&longitude=' + lon + '¤t=temperature_2m,wind_speed_10m,visibility'). 3. Read data.current.temperature_2m, round it with Math.round, print it with the degree symbol. 4. Local time: new Intl.DateTimeFormat('en-US', { hour: 'numeric', minute: '2-digit' }).format(new Date()), refresh with setInterval every 1000. 5. Render both in mono, uppercase, font-size 11px, letter-spacing 0.1em, position absolute in the corners. 6. Always paint a default value first and swap it when the fetch resolves. An empty corner while loading kills the whole effect. 3D props floating around the type: 7. Every prop is its own layer, transparent PNG or a small glb, position absolute, each on a different z-index. Some sit above the h1, some behind it. 8. Ground them with filter: drop-shadow(0 20px 30px rgba(0,0,0,0.5)). drop-shadow hugs the cutout. box-shadow would draw a rectangle around it. 9. Idle float: translateY keyframe of 6px up and back, duration between 4s and 6s, different animation-delay per prop so they never move in sync. 10. Mouse parallax: on mousemove read (e.clientX / window.innerWidth - 0.5), multiply by a depth number per prop, 30 for the front ones and 8 for the back ones, feed it into translate3d. Different multipliers is what builds the depth. Type that carries the page: 11. font-size: clamp(4rem, 16vw, 15rem), font-weight 900, letter-spacing -0.04em, line-height 0.85. Negative tracking and tight leading is what separates designed big type from just big type. 12. Side label: writing-mode: vertical-rl, position fixed, right 16px, top 50%, transform: translateY(-50%). Free vertical detail, zero JS. Save this if you want a page that knows where the visitor is 🌡️ #lovablepartner #buildinpublic #webdesign #branding #fyp

About