@0719mickey:

Beaty girl
Beaty girl
Open In TikTok:
Region: TH
Wednesday 24 May 2023 11:48:11 GMT
298
16
3
1

Music

Download

Comments

kacokone
kone :
😂😂😂
2023-05-24 18:14:21
0
nattapongkeaowkon
nattapongkeaowkon :
สุดยอดค่ะ🥰🥰
2023-06-13 15:12:56
0
mienamiena09
Miena Miena :
😂😂
2023-07-23 09:42:02
0
To see more videos from user @0719mickey, please go to the Tikwm homepage.

Other Videos

How I build with Claude 👇 Academy in bio 🔗 Product sitting inside the type, step by step: 1. The wordmark in one h1: font-size clamp(6rem, 26vw, 22rem), font-weight 700, letter-spacing -0.03em. Let it run edge to edge, no container padding. 2. The product goes in the counter of a round letter. The 0 in a number, the O in a word, the D. Pick the letterform first, then crop the photo to fit it. 3. Cutout on transparent PNG, position absolute, then align it by eye with translate percentages. Never trust the geometric centre, optical centre is always a few pixels off. 4. Layer it: h1 at z-index 1, product at z-index 2, then a duplicate of the h1 at z-index 3 with clip-path: inset(0 0 0 62%) so only the letters after the product show on top. Now the watch sits inside the word instead of on it. 5. The scale ring behind it: one SVG circle, stroke-dasharray '2 14', stroke-width 1, opacity 0.25. Rotate it slowly with a 40s linear infinite animation. Two values in the dasharray is what turns a line into a measuring scale. 6. Ground the product with filter: drop-shadow(0 30px 40px rgba(0,0,0,0.18)). drop-shadow follows the cutout, box-shadow would draw a rectangle. 7. Spec labels in mono, uppercase, 11px, letter-spacing 0.14em, opacity 0.55, bottom left. Two lines maximum. That corner is what makes the page read as a datasheet instead of a poster. 8. Pure white background, #fff, no gradient anywhere. The only tonal range on the page lives inside the photograph. 9. On scroll, move the type and the product at different speeds. Type at 1, product at 0.85. The parallax gap is what proves they are separate layers. The rule underneath all of it: giant type plus a product only works when they share the same optical plane. Stack them and it looks like a banner. Save this if you build product pages ⌚ #claude #buildinpublic #webdesign #typography
How I build with Claude 👇 Academy in bio 🔗 Product sitting inside the type, step by step: 1. The wordmark in one h1: font-size clamp(6rem, 26vw, 22rem), font-weight 700, letter-spacing -0.03em. Let it run edge to edge, no container padding. 2. The product goes in the counter of a round letter. The 0 in a number, the O in a word, the D. Pick the letterform first, then crop the photo to fit it. 3. Cutout on transparent PNG, position absolute, then align it by eye with translate percentages. Never trust the geometric centre, optical centre is always a few pixels off. 4. Layer it: h1 at z-index 1, product at z-index 2, then a duplicate of the h1 at z-index 3 with clip-path: inset(0 0 0 62%) so only the letters after the product show on top. Now the watch sits inside the word instead of on it. 5. The scale ring behind it: one SVG circle, stroke-dasharray '2 14', stroke-width 1, opacity 0.25. Rotate it slowly with a 40s linear infinite animation. Two values in the dasharray is what turns a line into a measuring scale. 6. Ground the product with filter: drop-shadow(0 30px 40px rgba(0,0,0,0.18)). drop-shadow follows the cutout, box-shadow would draw a rectangle. 7. Spec labels in mono, uppercase, 11px, letter-spacing 0.14em, opacity 0.55, bottom left. Two lines maximum. That corner is what makes the page read as a datasheet instead of a poster. 8. Pure white background, #fff, no gradient anywhere. The only tonal range on the page lives inside the photograph. 9. On scroll, move the type and the product at different speeds. Type at 1, product at 0.85. The parallax gap is what proves they are separate layers. The rule underneath all of it: giant type plus a product only works when they share the same optical plane. Stack them and it looks like a banner. Save this if you build product pages ⌚ #claude #buildinpublic #webdesign #typography

About