웹사이트 제작 시 요소를 겹치는 효과를 구현하는 오버랩(overlap)을 사용하여 다채로운 디자인을 만들 수 있습니다.
워드프레스 Divi 테마를 제공하는 Elegant Themes에서 Divi용으로 사용할 수 있는 5가지 CTA 오버랩 섹션을 무료로 다운로드할 수 있도록 공개했습니다.
※ 모든 CTA 오버랩 섹션 이미지의 출처: Elegant Themes 블로그.
미리보기
CTA Overlap Section #1 (CTA 오버랩 섹션 #1)
정적인 상태:
마우스를 올려놓을 때(Hover):
CTA Overlap Section #2 (CTA 오버랩 섹션 #2)
정적인 상태:
마우스를 올려놓을 때(Hover):
CTA Overlap Section #3 (CTA 오버랩 섹션 #3)
정적인 상태:
마우스를 올려놓을 때(Hover):
CTA Overlap Section #4 (CTA 오버랩 섹션 #4)
정적인 상태:
마우스를 올려놓을 때(Hover):
CTA Overlap Section #5 (CTA 오버랩 섹션 #5)
정적인 상태:
마우스를 올려놓을 때(Hover):
Elegant Themes 블로그에서 다운로드하여 Divi 테마 내의 Divi Library에서 Import하면 됩니다.
Elegant Themes에서는 매주 Divi용 레이아웃 팩을 무료로 공개하고 있습니다. Divi 사용자는 레이아웃 팩에서 마음에 드는 레이아웃을 로드하여 활용할 수 있습니다. Divi 테마는 초보자가 사용하기에는 약간 어려울 수 있지만, 레이아웃 팩을 활용하면 효과적으로 사이트를 만들 수 있습니다.
