Loading video...

Video Failed to Load

Go Home

`scroll-padding-block` in a `textarea` so the text always has a gap with the bottom edge

JohnPhamous's profile picture

JohnPhamous

18,997 subscribers

60,384 views • 2 years ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Playing with the input loading and clear animation, where the text dissolves into a glow along the bottom edge of the input
0:11

Playing with the input loading and clear animation, where the text dissolves into a glow along the bottom edge of the input

Jakub Antalik

19,499 views • 3 months ago

text always has weird extra space above capitals and below the baseline. one-line CSS fix: `text-box: trim-both cap alphabetic;` Perfectly trims the text box to the actual glyph bounds. No more padding hacks.
0:12

text always has weird extra space above capitals and below the baseline. one-line CSS fix: `text-box: trim-both cap alphabetic;` Perfectly trims the text box to the actual glyph bounds. No more padding hacks.

zenith

73,650 views • 4 months ago

dog follows pointer + avoids collisions with no dependencies - builds the page as a graph, more subdivisions towards the text for perf - dijkstra shortest path
0:10

dog follows pointer + avoids collisions with no dependencies - builds the page as a graph, more subdivisions towards the text for perf - dijkstra shortest path

JohnPhamous

48,995 views • 5 months ago

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)
0:11

introducing: text decrypt scroll effect for Framer add this to reveal text with a sleek decryption animation as you scroll. comment "DECRYPT" and I'll send you the component :)

Framer University

16,374 views • 1 year ago

In a heck of a ballgame with @Launch2026 at the NEO & Columbus Select Invite , 2026 Brevin Ward ties it up at 1 in the bottom of the sixth with a smoked triple to left center gap! #WreakHavoc | Brevin Ward
0:13

In a heck of a ballgame with @Launch2026 at the NEO & Columbus Select Invite , 2026 Brevin Ward ties it up at 1 in the bottom of the sixth with a smoked triple to left center gap! #WreakHavoc | Brevin Ward

Release Baseball

10,312 views • 2 years ago

introducing: text scroll animator component for Framer use this component to animate your text with smooth scroll-triggered effects like blur, rotation, scale, and more! comment "SCROLL" and i’ll send you the component. :)
0:12

introducing: text scroll animator component for Framer use this component to animate your text with smooth scroll-triggered effects like blur, rotation, scale, and more! comment "SCROLL" and i’ll send you the component. :)

Framer University

20,854 views • 1 year ago

Hit em with the plus on block normal hit mid launcher into a wall combo with unblockable snake edge oki #T5_Report
0:16

Hit em with the plus on block normal hit mid launcher into a wall combo with unblockable snake edge oki #T5_Report

Speedkicks

112,490 views • 1 year ago

Translate as you scroll with Circle to Search 💚 Coming soon, the translation experience is continuous. As you scroll down the page, or even switch apps, the text will continue to translate, so there’s no interruption. Learn more:
0:16

Translate as you scroll with Circle to Search 💚 Coming soon, the translation experience is continuous. As you scroll down the page, or even switch apps, the text will continue to translate, so there’s no interruption. Learn more:

Android

46,182 views • 10 months ago

#JOSHUA #조슈아 Mister potato KL Sweet Joshua💕 Dance in a long padding in malaysia's hot weather vs. Singing outdoors in -20 degC weather 🦌: long padding in Malaysia. So i can see the Malaysian fans outside
0:16

#JOSHUA #조슈아 Mister potato KL Sweet Joshua💕 Dance in a long padding in malaysia's hot weather vs. Singing outdoors in -20 degC weather 🦌: long padding in Malaysia. So i can see the Malaysian fans outside

🦌💎

11,104 views • 7 months ago

#ParkFire has bifurcated, with a separate head fire on the SE edge making a strong push into the wilderness.
0:17

#ParkFire has bifurcated, with a separate head fire on the SE edge making a strong push into the wilderness.

Mann Made Cinema

10,139 views • 2 years ago

incidents history page - sticky dates - today's date is marked with today - back-to-back empty days are grouped for more useful information to scroll distance ratio - times are local to the user - shows total impact time - tabular nums and leading 0s to align times
0:11

incidents history page - sticky dates - today's date is marked with today - back-to-back empty days are grouped for more useful information to scroll distance ratio - times are local to the user - shows total impact time - tabular nums and leading 0s to align times

JohnPhamous

14,988 views • 1 year ago

Al has successfully interpreted a 2,000-year-old Greek manuscript found in a scroll in Herculaneum, hidden beneath the ashes of Vesuvius.
0:14

Al has successfully interpreted a 2,000-year-old Greek manuscript found in a scroll in Herculaneum, hidden beneath the ashes of Vesuvius.

Historic Vids

4,798,968 views • 2 years ago

Kinda related: Inline scroll areas that cut off suck as well. Adding a scroll-driven mask to the top and bottom makes it feel much smoother
0:13

Kinda related: Inline scroll areas that cut off suck as well. Adding a scroll-driven mask to the top and bottom makes it feel much smoother

Florian

115,676 views • 3 months ago

🚨 BITCOIN HAS LITERALLY ALWAYS BOTTOMED 23 MONTHS AFTER BREAKING AN ATH. It has always taken exactly 23 months, and the bottom has always occurred at the Cost of Production. It has now been exactly 23 months since Bitcoin broke the previous ATH. The bottom has also formed at the Cost of Production. Exactly like every other bottom. It’s finally happening.
0:19

🚨 BITCOIN HAS LITERALLY ALWAYS BOTTOMED 23 MONTHS AFTER BREAKING AN ATH. It has always taken exactly 23 months, and the bottom has always occurred at the Cost of Production. It has now been exactly 23 months since Bitcoin broke the previous ATH. The bottom has also formed at the Cost of Production. Exactly like every other bottom. It’s finally happening.

Coinvo Trading

24,741 views • 2 months ago

BITCOIN HAS A CME GAP AT $83K. IT WILL FILL IT. CME gaps always close. Price is at $78K now. The move to $83K looks like a breakout. It isn't. Fill. Reject. $64K. Above $85K: different story. Below $78K: $64K without the fill. The gap decides.
0:18

BITCOIN HAS A CME GAP AT $83K. IT WILL FILL IT. CME gaps always close. Price is at $78K now. The move to $83K looks like a breakout. It isn't. Fill. Reject. $64K. Above $85K: different story. Below $78K: $64K without the fill. The gap decides.

Merlijn The Trader

140,113 views • 2 months ago

The gap in between her thighs and the gap in her a$$ is making me hungry 🤤
0:10

Sensitive content

The gap in between her thighs and the gap in her a$$ is making me hungry 🤤

MORNING 🌞STAR💫

303,849 views • 1 month ago

Q: Lewis Hamilton. How close are the two of you? Valentino Rossi: "He's incredible, he has a passion for motorsport. He has a passion for MotoGP, but in general, he's very curious. And I always text with him... if he wants to come to the ranch... He's a good guy." 🥹😭 4446
0:15

Q: Lewis Hamilton. How close are the two of you? Valentino Rossi: "He's incredible, he has a passion for motorsport. He has a passion for MotoGP, but in general, he's very curious. And I always text with him... if he wants to come to the ranch... He's a good guy." 🥹😭 4446

sim

50,557 views • 6 months ago