Got carried away with this interactive module for breaking... down the CSS mask-image propertyshow more

Learn the fundamentals of #derivatives including the product and... chain rule in this interactive module!show more

the writer and animators got completely carried away in... this sceneshow more

Gaetz got a little carried away with the Botox... before his big speech.show more

The power of @ property Without it → CSS... treats --progress as text → no animation With it → CSS knows it's percentage → smooth animationshow more

if you’re dynamically masking a scroll container with css,... consider leaving room for the scrollbar instead of masking it too 🧑‍🍳 mask-repeat: no-repeat; mask-size: calc(100% - 10px) 100px;show more

Future CSS Tip! 🤞 You could create an image... zoom/crop using the CSS object-view-box property 🔍 img { object-fit: cover; object-view-box: inset( var(--top) var(--right) var(--bottom) var(--left) ); } CodePen.IO link below! 👇show more

Looks like my uncle got a little too carried... away with that massage…show more

When Lewis Hamilton got a little bit too carried... away with his enthusiasm...show more

He’s been getting away with pulling the driving player... down with his arm all series. He got whistled for it the entire year. This is 100 out 100 times a foul.show more

A fun CSS-only experimentation using modern features (anchor positioning,... @​property, :has(), and more!) for this week #codepenchallenge Demo: via CodePen.IOshow more

Tailwind CSS Tip (24/30) ✨ You can create a... transparent text effect in Tailwind CSS using (•••••••••••) Guess the CSS Property. You can use this Play Link as a starter: Answer will be shared later today 😉show more

This one CSS property will fix your z-index headache.... In CSS, a child element with z-index will overlap with any fixed or floating elements outside its container. Instead of stacking higher and higher values to fix it. Use this instead: .card-container { isolation: isolate; } With that, any elements with z-index inside the container will be contained. If you found this useful, follow for more. ❤️show more

Design Engineering Tip: One CSS property is responsible for... most ugly expand animations. It’s height: auto. Replace it with: grid-template-rows: 0fr → 1fr;show more

Smooth Edges for Marquees with CSS Mask 𝚖𝚊𝚜𝚔-𝚕-𝚏𝚛𝚘𝚖-𝟾𝟶% 𝚖𝚊𝚜𝚔-𝚛-𝚏𝚛𝚘𝚖-𝟾𝟶%... Can be used on card skeletons, marquees, or anywhere you want to smooth out the edges.show more

Deployed the first Tailwind CSS v4-powered website to the... internet this afternoon 🥳 Native cascade layers, `@​property` definitions, `color-mix()`, and variables galore 🤩show more

an alternative approach to console animation that doesn't hijack... the console 1. inline CSS animation into an SVG 2. style console message with background-image 3. use SVG as the background-image 🚀 console​.info( "%ccome cook", "background-image: url(/animated.svg);" )show more

(still wip) #pjegtwt sorry pjeg moots i got carried... away with this part..the new imitation art got me TWEAKING OUT . LET THESE PEOPLE LIVE HAPPY AND FULFILLING LIVES LOOK HOW HAPPY THEY ALL CAN BE💔💔💔show more