DEV Community

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

Posted on • Originally published at since1979.dev

24 7

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

Image of Datadog

The Future of AI, LLMs, and Observability on Google Cloud

Datadog sat down with Google’s Director of AI to discuss the current and future states of AI, ML, and LLMs on Google Cloud. Discover 7 key insights for technical leaders, covering everything from upskilling teams to observability best practices

Learn More

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! 😀

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more