Cum se Creează un Efect Claymorphism în Elementor
Cum se Creează un Efect Claymorphism în Elementor? În acest tutorial vom învăța cum să creăm un efect claymorphism (de argilă) folosind Elementor. Ca bonus suplimentar, vă vom învăța două moduri de a realiza acest lucru. Primul în mod nativ în Elementor, iar al doilea folosind CSS personalizat.
Claymorphism este un stil care oferă elementelor site-ului dvs. un efect 3D ușor și este obținut prin combinarea a două umbre. Arată cam ca argila și prin urmare, se numește claymorphism.
Tutorialul va acoperi:
✔︎ Aplicarea Claymorphism la forme
✔︎ Aplicarea Claymorphism la butoane
✔︎ Adăugarea CSS personalizat pentru îmbunătățiri ulterioare
✔︎ Utilizarea claselor CSS pentru eficiență
✔︎ Și multe altele!
Pentru confortul dvs. urmăriți acest Tutorial în format Video. Video creat de echipa de asistență Elementor.
CSS Code Snippets
selector .elementor-widget-container{
box shadow: inset 10px 10px 15px #F1FCE3, box shadow: inset -10px -10px 30px #BCD39C;
}
clay .elementor-widget-wrap{
background-color: #fff;
box-shadow: inset 10px 10px 15px #F1FCE3, inset -10px -10px 20px #A9C682, 10px 10px 20px #1F688C42;
}
