DEV Community

Cover image for Some small Css tips #009
Stephan Nijman
Stephan Nijman

Posted on • Originally published at since1979.dev

Some small Css tips #009

To continue on my previous post here are some more tweets with little Css tips that might help you in your projects.

Alternating circular stripes with css gradients.



Radial-gradient mdn docs: https://developer.mozilla.org/en-US/docs/Web/CSS/radial-gradient()


Image text fill.



Css Tricks article: https://css-tricks.com/going-from-solid-to-knockout-text-on-scroll/


Css: Aligning your list items with your text.

I didn't put out a new video this week, but you might have missed this one.

Also check out my blog post: https://dev.to/vanaf1979/css-aligning-your-lists-with-your-text-340o


Update css custom properties (Variables) with javascript.



Blurry elements.




Css Filter docs: https://developer.mozilla.org/en-US/docs/Web/CSS/filter


Subscribe and Follow

Subscribe to my Youtube channel.

Follow me on Twitter

Thanks for reading/watching and stay safe

Top comments (4)

Collapse
 
kritishd8 profile image
Obscure.

Im late but they were great!

Collapse
 
vanaf1979 profile image
Stephan Nijman

Its never to late! đŸ˜œ Thank you! đŸ˜€

Collapse
 
rudacomolaplanta profile image
Andrés Ruda

Nice ones!
Thank u!

Collapse
 
vanaf1979 profile image
Stephan Nijman

Thanks! And your welcome! đŸ˜€