Loading video...

Video Failed to Load

Go Home

CSS one-liners with high-value gains hyphens: auto; to achieve a better visual balance where needed 🤌

jh3yy's profile picture

jhey ʕ•ᴥ•ʔ

140,572 subscribers

83,978 views • 1 year ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

✂️ Achieve optical balance with CSS text-box-trim → Chrome 133 lets you tailor the space above and below text, giving developers and designers more control over text layout and appearance.
0:10

✂️ Achieve optical balance with CSS text-box-trim → Chrome 133 lets you tailor the space above and below text, giving developers and designers more control over text layout and appearance.

Chrome for Developers

124,703 views • 1 year ago

In case you needed the proof, here’s a little Pigsy action🐷 Had to spend several hours in prosthetics to achieve this flawless visual effect. #BlackMythWukong #BlackMyth #ZhuBajie #Bajie #JourneytotheWest
0:11

In case you needed the proof, here’s a little Pigsy action🐷 Had to spend several hours in prosthetics to achieve this flawless visual effect. #BlackMythWukong #BlackMyth #ZhuBajie #Bajie #JourneytotheWest

Jack Ayres is Sirius in Brawl Stars👊🏻

32,109 views • 1 year ago

No JavaScript needed 2 lines of CSS to create a swipe animation ✨
0:13

No JavaScript needed 2 lines of CSS to create a swipe animation ✨

andrej

459,097 views • 2 years ago

Lil quality of life improvement Spaces are now auto-converted to hyphens when adding custom emojis on Notion 😄
0:13

Lil quality of life improvement Spaces are now auto-converted to hyphens when adding custom emojis on Notion 😄

Laura Sandoval

23,646 views • 5 months ago

No photoshop needed, just a sprinkle of CSS ✨
0:10

No photoshop needed, just a sprinkle of CSS ✨

andrej

326,794 views • 2 years ago

📝 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderan
0:16

📝 Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value Demo by Fabrizio Calderan

Bram.us (by @bramus)

15,617 views • 1 year ago

Quick steps, big gains! Many benefits to an agility ladder including enhanced balance & stability, increased speed, and better coordination! Stay the course 💪🏽 #workout #workoutmotivation #fitness #agilityladder
0:11

Quick steps, big gains! Many benefits to an agility ladder including enhanced balance & stability, increased speed, and better coordination! Stay the course 💪🏽 #workout #workoutmotivation #fitness #agilityladder

Jimmy Drew

85,573 views • 2 years ago

"By developing one's own worldview and personal qualities, an individual gains a deeper understanding of the splendor and value of life. This, in turn, provides even more motivation and strengthens their willpower to achieve sensibly-set goals." - Zafar Mirzo Zafar Mirzo
0:18

"By developing one's own worldview and personal qualities, an individual gains a deeper understanding of the splendor and value of life. This, in turn, provides even more motivation and strengthens their willpower to achieve sensibly-set goals." - Zafar Mirzo Zafar Mirzo

Zafar Mirzo | Quotes

1,672,080 views • 1 year ago

Fast break getting better and better every year. One dribble, 91 SWB. 🤌 #NBA2K26
0:16

Fast break getting better and better every year. One dribble, 91 SWB. 🤌 #NBA2K26

ᴅɪᴍᴇᴡᴏʀᴋ🧪🥼

64,827 views • 6 months ago

How HIGH is too high of a body count for high value/character men to marry you?
0:17

How HIGH is too high of a body count for high value/character men to marry you?

E

72,849 views • 3 years ago

pure css swap between horizontal and vertical steps 🤌 responsive stepper component: unlocked
0:13

pure css swap between horizontal and vertical steps 🤌 responsive stepper component: unlocked

Caleb Porzio ⚡️

35,374 views • 1 year ago

Needed it! Trey has a season-high 17 with 7:45 to play 📺: ACC Network
0:11

Needed it! Trey has a season-high 17 with 7:45 to play 📺: ACC Network

NC State Men's Basketball

11,563 views • 1 year ago

💡 Do you know about the `clip` value? In CSS, we can clip a container along a single axis by using the `clip` value. Learn more in this interactive article about the `clip` value:
0:17

💡 Do you know about the `clip` value? In CSS, we can clip a container along a single axis by using the `clip` value. Learn more in this interactive article about the `clip` value:

Ahmad Shadeed

10,451 views • 1 year ago

Bolt now automagically uploads your images and wires them into your code 🪄 No setup, no paths. It just works! Works with the visual inspector too- just click where you want the image to go, and voilà 🤌
0:19

Bolt now automagically uploads your images and wires them into your code 🪄 No setup, no paths. It just works! Works with the visual inspector too- just click where you want the image to go, and voilà 🤌

bolt.new

23,815 views • 1 year ago

High production, high value. Great pick for the Chicago Bears with Colston Loveland!
0:18

High production, high value. Great pick for the Chicago Bears with Colston Loveland!

Michigan Football

36,714 views • 1 year ago

5 Sites Every Web Developer Needs to Know - Learn React by doing projects - Claude code alternative - Full-stack hosting for Python, JavaScript, PHP, Go... - Free Tailwind CSS components – Visual CSS animation generator
0:11

5 Sites Every Web Developer Needs to Know - Learn React by doing projects - Claude code alternative - Full-stack hosting for Python, JavaScript, PHP, Go... - Free Tailwind CSS components – Visual CSS animation generator

Csaba Kissi

22,043 views • 10 months ago

Bro's one liners 📈🔥
0:17

Bro's one liners 📈🔥

Shanaya

74,733 views • 5 months ago

Tip: *only* using CSS you can apply styles to a number input conditionally depending on whether its value is within our out of range 🤯
0:12

Tip: *only* using CSS you can apply styles to a number input conditionally depending on whether its value is within our out of range 🤯

Minko Gechev

108,671 views • 3 years ago

Visual aimpunch with armor is back on the menu. You can clearly see that when I get hit, the angles change together with the player camera. You see the angle value in the left side pay attention to the pitch value (the start value with 1.34) CS2
0:16

Visual aimpunch with armor is back on the menu. You can clearly see that when I get hit, the angles change together with the player camera. You see the angle value in the left side pay attention to the pitch value (the start value with 1.34) CS2

eugenio8a8

39,636 views • 1 month ago

Jiggle physics are very simple to achieve inside UE5! here i'm using a spring controller inside the UE5 anim blueprint. Just two nods are needed! One for each boob!
0:12

Jiggle physics are very simple to achieve inside UE5! here i'm using a spring controller inside the UE5 anim blueprint. Just two nods are needed! One for each boob!

CodeMiko

259,985 views • 2 years ago