DEV Community

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

Posted on • Originally published at since1979.dev

10 1

Some small Css tips #011

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

Set css properties using javascript.



Css Conic gradients.



Css Hsl color introduction.

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


CodePen: https://codepen.io/Since1979/pen/dyOYvJO


Css 3D transforms.


A bit more advanced example


Css 3D transform playground.



Subscribe and Follow

Subscribe to my Youtube channel.

Follow me on Twitter

Thanks for reading/watching and stay safe

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (2)

Collapse
 
veselovoleg profile image
OlegVeselov

Wow! It is really great work!
Some CSS tricks look like work of some JS animation libs.
But no, pure CSS!
Awesome

Collapse
 
vanaf1979 profile image
Stephan Nijman

Thank you Oleg. :)

Yeah Css is capable of some very cool things without Javascript! :p

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay