Claymorphism is a design trend which consists on creating clay like elements and create relief.
To create a claymorphism element, just add the
to any element.
- ✓ Pick a background
- ✓ Add the .claymorphism class
- ✓ That's all !
Glassmorphism & Claymorphism
Glassmorphism is a
trend feature which is not supported on all browsers, check the
to know if it fits your needs.
You can use the
.glassmorphism class as well on a claymorphism element to combine
the 2 effects.
|CSS Variable||Default value||Description|
||Blur effect intensity.|
||Shadow color (RGB).|