디자인에 Glass Morphism을 사용하는 것은 최근 몇 년 동안 점점 더 인기를 얻고 있습니다. 반투명 유리 모양을 사용하여 요소에 대화형 모양과 느낌을 줄 수 있습니다. 그만큼 ElementsKit 유리 형태 모듈 Elementor 기반 페이지나 웹사이트에 유리 형태 스타일을 쉽게 적용할 수 있습니다. 

Elementor 위젯에 Glass Morphism 효과를 추가하는 방법 #

You need ElementsKit 프로 installed and activated to use the Glass Morphism feature.

아래 단계에 따라 Elementor 웹 사이트에 유리 같은 스타일을 가져오는 방법을 완벽하게 살펴보세요.

Step 1: Enable the Glass Morphism Module #

시작하려면 Glass Morphism 모듈을 수동으로 활성화해야 합니다. 이를 위해 WordPress 대시보드에서

• 따르다 ElementsKit > 모듈
• 찾기 유리 형태 기준 치수
• Enable the toggle button next to it
• 그런 다음 “변경 사항을 저장하다” button in the top right corner

Step 2: Add the Glass Morphism Effect #

제품 항목 스타일링, 이미지 갤러리, 가격 섹션, 비교 등을 위해 Glass Morphism 효과를 추가할 수 있습니다.

이것을하기 위해, open any page or post and edit with Elementor. Then, insert a column or widget.

• Now, go to the Advanced Settings tab
• Expand the “ElementsKit 유리 형태론” settings
• Click the edit icon and it will reveal all the features of Glass Morphism styling

Step 3: Features of ElementsKit Glass Morphism #

Let’s see how teh controls work.

흐림 #

Define a blur value depending on how blurred the surface you want for the design. Blur effects bring a glass-like aesthetic to your design by adding colorful and transparent layers between design elements. Thus, it shows a multilayered appearance to the design.

명도 #

Use the slider or add a custom value to adjust the brightness of the glass morphism design. 

차이 #

Define the degree of contrast. It will help to maintain the visual hierarchy while using multiple design elements simultaneously.

포화 #

Use this slider or give a custom value to control the gray level in the element color. If you increase the saturation level, it will make your color more vibrant. Conversely, decreasing the saturation will cause the color tone to become dull.

그레이스케일 #

From here, you can apply gray shades to your design. You decide how light or dark the design will be in shades of gray. Selecting a higher range will bring the darkest version of the design. Whereas, entering a lower value will bring brightness to your design.

색조 #

Hue is a term used to describe the intensity of the blend between two colors. Here, you’re not changing the main color, you’re just adjusting how bright it is against its corresponding color.

예를 들어 빨간색과 분홍색이라는 두 가지 색상을 추가하면 디자인에는 두 가지 색상이 있습니다. 그리고 슬라이더를 사용하면 두 색상의 강도를 변경할 수 있습니다.

이 설정은 0부터 360까지의 색상환을 기준으로 합니다. 여기서는

• 0은 빨간색을 나타냅니다.
• 120은 녹색을 의미합니다.
• 240은 파란색을 의미합니다.

이제 당신 차례입니다. Elementor 웹 사이트 어디에서나 ElelmentsKit Glass Morphism 기능을 모두 사용하여 매력적인 반투명 유리 모양을 만드는 방법을 보여 주었습니다.