@salhalthmaly:

الطير الحزين
الطير الحزين
Open In TikTok:
Region: SA
Saturday 22 August 2026 03:09:56 GMT
24307
388
10
83

Music

Download

Comments

11leennaa
Lena :
رووعه
2026-08-22 18:14:21
1
user4781253753274
فهد الفداغي الشمري :
🌺🌺🌺صبر وصابري والله واعد الصابرين بخير وبشرهم ربي يسعدك وهنيك بلدنيى ولاخره نشاء 🩸🩸🩸🩸🩸🩸🩸🩸🩸🩸🩸🩸🩸🩸 ذذذذذذذوووووووك وفخامه وووووورررروؤوعه وددددددددلع وطناخه وحلا بحلا بناغه اكسسسسسسسسسسسسسسبببببببلوووؤوووورررر اكسسسسسسسسسسسسسسبببببببلوووؤوووورررر ومتياز وناغه ياصاحب الذوك 🫆🫆🫆🫆🫆🫆💯💯💯💯💯 يسعد الله
2026-08-22 03:13:04
1
w_6e_219
فالح :
🥰🥰🥰❤️❤️❤️❤️
2026-08-22 07:41:13
2
11leennaa
Lena :
❤️❤️
2026-08-22 18:14:24
1
user6323347941267
user6323347941267 :
🌹🌹💐🌹🌹
2026-08-22 03:17:34
1
mhmd.20251
الشيخ صادق المحمودي :
🥰🥰🥰
2026-08-22 14:45:14
1
user8561457041194
ناصر :
🥰🥰🥰
2026-08-22 11:50:10
1
user01129163554
user01129163554ابو حمد شعيل :
🥰🥰🥰🥰🥰
2026-08-22 17:50:49
1
To see more videos from user @salhalthmaly, 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