• Vehicles • Fashion • Recipes • Blogs • Hunt • Travels • Sport • Fun • Handmade • IT • Education
Mini-Games
x

x
zakruti.com » IT - Software » IT, programs, coding
How to Create a Claymorphism Effect in Elementor - Sites on WordPress

How to Create a Claymorphism Effect in Elementor - Sites on WordPress

FBTwitterReddit

video description

Rating: 4.5; Vote: 2
Learn how to create a claymorphism effect using Elementor. As an added bonus, we-ll teach you two ways to achieve this. The first natively in Elementor, and the second using custom CSS. Claymorphism is a technique used to give your website elements an effect of depth and it is achieved by combining two shadows. It kinda looks like clay and therefore is named claymorphism. The tutorial will cover: Applying Claymorphism to shapes Applying Claymorphism to buttons Adding custom CSS for further enhancements Using CSS classes for efficiency And much more! 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;
Date: 2022-04-30

Comments and reviews: 3


As a professional icon designer, I-m so pleased that visual effects like this are coming back. Flat design was, well just flat and boring. I had to go with the tend for commercial reasons.
Thanks Elementor for embracing the changes fast. Visuals need to be happy again. It-s what we need.

reply

Claymorphism? Are you serious??? While designers and developers have been asking for dark mode and a ton of other REAL features and bug fixes since forever... and were talking about Claymorphism?
reply

i want to see conditional logic in elementor form and some more advance fields in elemtor form. So that we don't have to purchase any extra plugin with elementor pro
reply
Add a review, comment






Other channel videos