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 I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

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

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