💅 Fullstack Designer, Dev
☁️ LLMOps, DecOps, MLOps, InfraEng
🎤 Host @ Context Likely
🥹 Dad x2
Front-end, UX, UI, HTML/CSS, JS, forced backend player, web builder.
github.com/eslint/css/i...
Please share your thoughts and pass along to others.
@sarasoueidan.com @nerdy.dev @joshwcomeau.com @kevinpowell.co
github.com/eslint/css/i...
Please share your thoughts and pass along to others.
@sarasoueidan.com @nerdy.dev @joshwcomeau.com @kevinpowell.co
- random()
- random-item()
- sibling-count()
- sibling-index()
- progress()
- media-progress()
- container-progress()
- mix()
- calc-mix()
- cross-fade()
- transform-mix()
- first-valid()
- toggle()
- calc-size()
want to know more?
drafts.csswg.org/css-values-5/
- random()
- random-item()
- sibling-count()
- sibling-index()
- progress()
- media-progress()
- container-progress()
- mix()
- calc-mix()
- cross-fade()
- transform-mix()
- first-valid()
- toggle()
- calc-size()
want to know more?
drafts.csswg.org/css-values-5/
- 4 radial gradients, 1 in each corner
- each with a relative size to the container
- after layering, they create a swirly effect
Codepen
codepen.io/argyleink/pe...
- 4 radial gradients, 1 in each corner
- each with a relative size to the container
- after layering, they create a swirly effect
Codepen
codepen.io/argyleink/pe...