How to get fixed background - CSS

`autofill` on inputs is ugly by default the background... bleed ruins the clean design systems, especially in dark mode. fixed it with a pure CSS inset shadow hack: autofill:shadow-[inset_0_0_0px_1000px_var(--color-background)] to force the background color and kill the native blue.show more

CSS Tip! 🤙 These buttons from Michaël are ace... 🔥 But, how would you make them? 👀 You could use background-attachment: fixed and update a conic-gradient position depending on the interaction design 🤔 CodePen.IO link below! 👇show more

messin' with css frosted + saturated borders using background-clip... + backdrop-filter 👨‍🍳show more

How to create a customizable 'flipped' border-radius in CSS ↓

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

How to transparent complex background

Need a gradient border? Use CSS background-clip 🤙 input... { background: linear-gradient(canvas, canvas), linear-gradient(120deg, hsl(278, 44%, 73%), hsl(35, 81%, 73%) ); border: 4px solid transparent; background-clip: padding-box, border-box; }show more

A 🔥 browser extension every CSS developer must have.... CSS Scan lets you extract the code for any CSS element of all the websites across the internet. Check out CSS Scan and click on the below link to get a 25% discount👇show more

How to Remove Background in Excel.

wrote a short article on the css perspective property... and how to add depth to interfacesshow more

how to remove background in one click?

How to Remove Background like a pro

quantity picker w/ [type=number] 👨‍🍳 quantity-picker:has(input:invalid):not(:focus-within) { animation: shake;... background: hsl(0 100% 50% / 0.14); } aim to guide, not distract, using form control validation css 🤙 (cooler detail is how the num track works though 👀)show more

No matter how many times you get a flat,... you’ll always get it fixed for free. Belle Tire will never charge you to fix a flat. Never. Seriously, never.show more

✍️ New Article: Better fluid sizing with round() I... wrote about how CSS round() enhances the values you get from clamp() in sizing, typography, and spacing. Why it matters, and how to use it. 🔗show more

✍️ New article: CSS cap unit A look at... how I solved a design problem with CSS cap unit. 🔗show more

Hit my lambo.. 🫣 follow doingwell to help me... get it fixedshow more

Imagine paying for body modification but not to get... your teeth fixed.show more