DEV Community

Discussion on: Gradient.art - Designing and Inspecting Complex CSS Gradients

Collapse
 
eddy_nd profile image
Eduardo ST

I love your project!! I’m a total newbie on CSS, and I'm trying to understand better how gradients work; however, reading the code only can make it somehow confusing for beginners. Is there any plan for you to create a tutorial for “Advance gradients,” maybe? You know explaining or giving some tips and how to make them. Anyways congratulations on your hard work!!

Collapse
 
ykadosh profile image
Yoav Kadosh • Edited

Thanks Eduardo!

I consider myself an expert when it comes to CSS (I've been doing this for over 10 years now...), and I still find gradients confusing, especially when you stack multiple layers of gradients together to create those complex designs 😁 That's one of the reasons why I created gra.dient.art - as a tool for learning, not just for creating.

You can open one of the complex gradients in the editor, and toggle the visibility of each layer to see how it is constructed. You can also click on the move tool on the left to see the boundaries of a given gradient. I've found this technique very helpful when inspecting complex gradients.

I will do my best to write a tutorial about creating complex gradients 😁