@aprilljayne:

April Jayne
April Jayne
Open In TikTok:
Region: US
Tuesday 16 January 2024 18:31:40 GMT
1440
96
8
10

Music

Download

Comments

kathrynforrester2
Kathryn Forrester :
Go girl❤️
2024-01-31 12:44:39
0
clydeyoder906
Clyde Yoder906 :
oh my..
2024-04-15 01:27:28
0
ericheilman215
Eric Heilman215 :
its like negative 20 out here all. ice no water
2024-01-16 18:48:45
0
nebraska_strong
🤠Branson :
🥰
2025-09-18 05:53:51
1
giuseppebertonat2
ciappe :
💋🦋🌹💋
2024-02-03 07:43:27
2
devenbreeze
Deven Breeze :
👏👏👏👏🌹
2024-01-17 19:47:37
2
mustlovedogs4sure
MustLoveDogs :
😆😆😆😆😆
2024-01-16 18:47:26
1
davemuirhead
Dave Muirhead :
Brrrr!! Great job! Ice Ice baby🎶
2024-01-23 12:32:46
0
To see more videos from user @aprilljayne, 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