Divi: การเปรียบเทียบการไล่ระดับสีประเภทต่างๆ

โดย เกตัน | Divi, บทแนะนำ Divi

คุณต้องการใช้ตัวสร้างการไล่ระดับสีของ Divi แต่คุณไม่รู้ว่าจะเลือกการไล่ระดับสีแบบไหน?

ประเภทการไล่ระดับสีเป็นส่วนหนึ่งของรูปแบบใหม่ Divi ตัวสร้างไล่ระดับสี . การไล่ระดับสีชนิดใหม่ Divi ช่วยให้คุณสามารถเพิ่มรูปทรงและสีต่างๆ ให้กับพื้นหลังของคุณได้ 

ในบทความนี้ เราจะเปรียบเทียบการไล่ระดับสีประเภทนี้และแสดงวิธีใช้เพื่อสร้างพื้นหลังที่ไม่เหมือนใคร

ขอเริ่มต้น

ประเภทการไล่ระดับสี Divi คืออะไร?

ตัวสร้างไล่ระดับสีใหม่ของ Divi เพิ่มคุณสมบัติการไล่ระดับสีใหม่หลายอย่างซึ่งรวมถึงประเภทการไล่ระดับสี การไล่ระดับสีมีสี่ประเภทให้เลือก:

  • เชิงเส้น
  • circulaire
  • รูปไข่
  • ทรงกรวย
Divi Gradient Types คืออะไร

แต่ละประเภทแสดงการไล่ระดับสีต่างกัน ใช้เพื่อกำหนดรูปร่างการไล่ระดับสีเพื่อแสดงเป็นรูปแบบสีเชิงเส้น ในวงกลม วงรี หรือกรวย เราจะเห็นรายละเอียดในตัวอย่างของเรา

Divi Gradient Types คืออะไร

ประเภทการไล่ระดับสียังได้รับผลกระทบจากการควบคุมอื่นๆ เช่น ตำแหน่ง ไม่ว่าจะทำซ้ำหรือไม่ หน่วยวัดสำหรับแถบเลื่อนการไล่ระดับสี และการจัดวางการไล่ระดับสีเหนือพื้นหลัง

Divi Gradient Types คืออะไร

การปรับแต่ละครั้งอาจมีผลกระทบเล็กน้อยหรือมากต่อการไล่ระดับสี การไล่ระดับสีอาจดูละเอียดอ่อนหรือโดดเด่น การเปลี่ยนแปลงขนาดเล็กหรือใหญ่สามารถทำได้ด้วยการปรับเพียงครั้งเดียว

ด้วยเหตุนี้ เรามาดูตัวอย่างของการไล่ระดับสีโดยใช้การไล่ระดับสีแต่ละประเภทกัน เราจะแสดงตัวอย่างสามตัวอย่างของการไล่ระดับสีแต่ละประเภท 

อย่างแรกจะเป็นประเภทการไล่ระดับสีมาตรฐานที่คุณจะเห็นบนเว็บ สองรายการถัดไปจะเป็นการทดลองเพิ่มเติมเล็กน้อย เพื่อดูว่าคุณสามารถทำอะไรกับประเภทการไล่ระดับสีได้

ตัวอย่างประเภทการไล่ระดับสี

สำหรับตัวอย่างประเภทการไล่ระดับสี เราใช้ส่วนฮีโร่ของหน้าแรกของ แพ็กเลย์เอาต์ที่พักพร้อมอาหารเช้าฟรี มีอยู่ใน Divi ส่วนนี้มีการไล่ระดับสีอยู่แล้ว แต่เราจะแทนที่มันและทำการทดลองบางอย่าง 

เราสามารถลบการไล่ระดับสีพื้นหลังดั้งเดิมหรือแก้ไขได้ ผลลัพธ์ก็เหมือนกัน เพื่อความง่ายเราจะปรับเปลี่ยน

ตัวอย่างประเภทการไล่ระดับสี

เราปรับแต่งข้อความชื่อเรื่องโดยเปลี่ยนจากสีดำเป็นสีขาว

ตัวอย่างประเภทการไล่ระดับสี

ประเภทการไล่ระดับสีเชิงเส้น

อ่าน: Divi: วิธีใช้การผสมลวดลายบนภาพพื้นหลัง

การไล่ระดับสีเชิงเส้นแสดงการไล่ระดับสีราวกับว่ามันกระจายไปทั่วหน้า

ตัวอย่างแรกของประเภทการไล่ระดับสีเชิงเส้น

นี่คือตัวอย่างตัวอย่างแรกของเรา โดยจะแสดงสีอ่อนกว่าทางด้านซ้ายของหน้าจอและสีเข้มขึ้นทางด้านขวา โดยมีการเปลี่ยนสีระหว่างกันอย่างราบรื่น

ตัวอย่างแรกของการไล่ระดับสีเชิงเส้น

ในการสร้างตัวอย่างนี้ ให้เพิ่มสองสี ที่ นายกรัฐมนตรี คือ rgba(92,158,82,0.76) ที่ตำแหน่ง 0% ที่ ที่สอง คือ rgba(0,10,4,0.76) ที่ตำแหน่ง 97%

  • ไล่ระดับหยุด:
    • 0%: rgba(92,158,82,0.76)
    • 97%: rgba(0,10,4,0.76)
ตัวอย่างแรกของการไล่ระดับสีเชิงเส้น

แล้วเปลี่ยน ชนิดภาพเขียน ไล่ระดับเป็นเชิงเส้นและตั้งค่า ทิศทาง มากกว่า 131 องศา ที่เขา อย่าซ้ำ. ตั้งค่าเอกภาพ ตามเปอร์เซ็นต์ วางการไล่ระดับสีเหนือภาพพื้นหลัง

  • ประเภทการไล่ระดับสี: เชิงเส้น
  • ทิศทางการไล่ระดับสี: 131deg
  • ทำซ้ำการไล่ระดับสี: NO
  • หน่วยไล่ระดับ: เปอร์เซ็นต์
  • สี่เหลี่ยมไล่ระดับสีเหนือภาพพื้นหลัง : ใช่
ตัวอย่างแรกของการไล่ระดับสีเชิงเส้น

ตัวอย่างที่สองของประเภทการไล่ระดับสีเชิงเส้น

นี่คือตัวอย่างตัวอย่างการไล่ระดับสีเชิงเส้นที่สอง ใช้งานได้เหมือนครั้งแรก แต่มีจุดหยุดทางด้านซ้ายอย่างยากซึ่งเฉดสีเข้มกว่าเข้ามา

ตัวอย่างการไล่ระดับสีเชิงเส้นที่สอง

หากต้องการสร้างสิ่งนี้ ให้เพิ่ม Gradient Stops สามตัว ที่ นายกรัฐมนตรี คือ rgba(18,76,41,0.76) ที่ตำแหน่ง 13% ที่ ที่สอง คือ rgba(92,158,82,0.76) ที่ตำแหน่ง 13% สี3 คือ rgba(18,76,41,0.76) ที่ตำแหน่ง 34%

  • ไล่ระดับหยุด:
    • 13%: rgba(18,76,41,0.76)
    • 13%: rgba(92,158,82,0.76)
    • 34%: rgba(18,76,41,0.76)
ตัวอย่างการไล่ระดับสีเชิงเส้นที่สอง

จากนั้นตั้งค่า ชนิดภาพเขียน ไล่ระดับเป็นเชิงเส้นและตั้งค่า ทิศทาง มากกว่า 90 องศา ที่เขา อย่าซ้ำ . เปลี่ยนเอกภาพ เปอร์เซ็นต์ วางไว้เหนือภาพพื้นหลัง

  • ประเภทการไล่ระดับสี: เชิงเส้น
  • ทิศทางการไล่ระดับสี: 90deg
  • ทำซ้ำการไล่ระดับสี: NO
  • หน่วยไล่ระดับ: เปอร์เซ็นต์
  • สี่เหลี่ยมไล่ระดับสีเหนือภาพพื้นหลัง : ใช่
ตัวอย่างการไล่ระดับสีเชิงเส้นที่สอง

ตัวอย่างที่สามของประเภทการไล่ระดับสีเชิงเส้น

ตัวอย่างที่สามของเราวางเส้นสีอ่อนตามแนวทแยงมุมที่มุมบนขวาโดยแตะเส้นสีเข้มกว่า

ตัวอย่างการไล่ระดับสีเชิงเส้นที่สาม

ตัวนี้มีสามสี สี1 คือ rgba(92,158,82,0.76) ที่ตำแหน่ง 13% สี2 คือ rgba(92,158,82,0.76) ที่ตำแหน่ง 23% ดิ สีที่สาม คือ rgba(18,76,41,0.76) ที่ตำแหน่ง 32%

  • ไล่ระดับหยุด:
    • 13%: rgba(92,158,82,0.76)
    • 23%: rgba(92,158,82,0.76)
    • 32%: rgba(18,76,41,0.76)
ตัวอย่างการไล่ระดับสีเชิงเส้นที่สาม

กำหนด ชนิดภาพเขียน ไล่ระดับเป็นเชิงเส้นใน a ทิศทาง ที่ 209 องศา เกิดที่ อย่าซ้ำ และตั้งค่าเอกภาพ ตามเปอร์เซ็นต์ วางการไล่ระดับสีเหนือภาพพื้นหลัง

  • ประเภทการไล่ระดับสี: เชิงเส้น
  • ทิศทางการไล่ระดับสี: 209deg
  • ทำซ้ำการไล่ระดับสี: NO
  • หน่วยไล่ระดับ: เปอร์เซ็นต์
  • สี่เหลี่ยมไล่ระดับสีเหนือภาพพื้นหลัง : ใช่
ตัวอย่างการไล่ระดับสีเชิงเส้นที่สาม

ประเภทการไล่ระดับสีแบบวงกลม

ประเภทการไล่ระดับสีแบบวงกลมจะสร้างวงกลมที่มีสีต่างๆ

ตัวอย่างแรกของประเภทการไล่ระดับสีแบบวงกลม

ตัวอย่างการไล่ระดับสีแบบวงกลมแรกของเราวางสีอ่อนไว้ตรงกลางและสีเข้มขึ้นรอบขอบ

ตัวอย่างแรกของการไล่ระดับสีแบบวงกลม

ตัวนี้มี 2 สี ที่ นายกรัฐมนตรี คือ rgba(92,158,82,0.76) ที่ตำแหน่ง 0% ที่ ที่สอง คือ rgba(0,10,4,0.76) ที่ตำแหน่ง 62%

  • ไล่ระดับหยุด:
    • 0%: rgba(92,158,82,0.76)
    • 62%: rgba(0,10,4,0.76)
ตัวอย่างแรกของการไล่ระดับสีแบบวงกลม

กำหนด ชนิดภาพเขียน ไล่ระดับบนวงกลม ศูนย์ ทิศทาง . ให้แน่ใจว่าเขา อย่าซ้ำ , เปลี่ยนเอกภาพ เป็นเปอร์เซ็นต์และวางไว้เหนือภาพพื้นหลัง

  • ประเภทการไล่ระดับสี: วงกลม
  • ตำแหน่งไล่ระดับ: กึ่งกลาง
  • ทำซ้ำการไล่ระดับสี: NO
  • หน่วยไล่ระดับ: เปอร์เซ็นต์
  • สี่เหลี่ยมไล่ระดับสีเหนือภาพพื้นหลัง : ใช่
ตัวอย่างแรกของการไล่ระดับสีแบบวงกลม

ตัวอย่างที่สองของประเภทการไล่ระดับสีแบบวงกลม

การไล่ระดับสีนี้จะวางขอบวงกลมที่ชัดเจนไว้ตรงกลางหน้าจอ

ตัวอย่างการไล่ระดับสีแบบวงกลมที่สอง

มันมีสี่สี สองสีซ้อนทับกัน ที่ นายกรัฐมนตรี คือ rgba(18,76,41,0.76) ที่ตำแหน่ง 13% ที่ ที่สอง คือ rgba(92,158,82,0.76) ที่ตำแหน่ง 33% สี3 คือ rgba(92,158,82,0.76) ที่ตำแหน่ง 51% สี4 คือ rgba(18,76,41,0.76) มันถูกวางไว้ที่ตำแหน่ง 51% เหนือสี 3

  • ไล่ระดับหยุด:
    • 13%: rgba(18,76,41,0.76)
    • 33%: rgba(92,158,82,0.76)
    • 51%: rgba(92,158,82,0.76)
    • 51%: rgba(18,76,41,0.76)
ตัวอย่างการไล่ระดับสีแบบวงกลมที่สอง

กำหนด ชนิดภาพเขียน ไล่ระดับเป็นวงกลมแล้ววาง ทิศทาง ที่มุมบนซ้าย ให้แน่ใจว่าเขา อย่าซ้ำ , เปลี่ยน เอกภาพ เป็นเปอร์เซ็นต์และวางไว้เหนือภาพพื้นหลัง

  • ประเภทการไล่ระดับสี: วงกลม
  • ตำแหน่งไล่ระดับ: บนซ้าย
  • ทำซ้ำการไล่ระดับสี: NO
  • หน่วยไล่ระดับ: เปอร์เซ็นต์
  • สี่เหลี่ยมไล่ระดับสีเหนือภาพพื้นหลัง : ใช่
ตัวอย่างการไล่ระดับสีแบบวงกลมที่สอง

ตัวอย่างที่สามของประเภทการไล่ระดับสีแบบวงกลม

ตัวอย่างนี้ใส่วงกลมสีอ่อนหลายๆ วงในสีที่มืดที่สุด โดยเริ่มจากตรงกลางวงกลม

ตัวอย่างการไล่ระดับสีแบบวงกลมที่สาม

หนึ่งนี้ยังซ้อนสองสีในลำดับที่แน่นอนเพื่อให้ได้การออกแบบนี้ ดิ รอบปฐมทัศน์ สีคือ rgba (18,76,41,0.76) ที่ตำแหน่ง 13% สี2 คือ rgba(18,76,41,0.76) ที่ตำแหน่ง 44% ดิ Troisième สีทับซ้อนกับสีที่สอง นี่คือ rgba(92,158,82,0.76) ที่ตำแหน่ง 44% สี4 คือ rgba(92,158,82,0.76) ที่ตำแหน่ง 51%

  • ไล่ระดับหยุด:
    • 13%: rgba(18,76,41,0.76)
    • 44%: rgba(18,76,41,0.76)
    • 44%: rgba(92,158,82,0.76)
    • 51%: rgba(92,158,82,0.76)
ตัวอย่างการไล่ระดับสีแบบวงกลมที่สาม

เปลี่ยนมัน ประเภทการไล่ระดับสี เป็นวงกลม วาง ทิศทาง ลง. ทำซ้ำ อันนี้. ตั้งค่าเอกภาพ บนเปอร์เซ็นต์ และวางการไล่ระดับสีเหนือภาพพื้นหลัง

  • ประเภทการไล่ระดับสี: วงกลม
  • ตำแหน่งไล่ระดับ: ด้านล่าง
  • ทำซ้ำการไล่ระดับสี: ใช่
  • หน่วยไล่ระดับ: เปอร์เซ็นต์
  • สี่เหลี่ยมไล่ระดับสีเหนือภาพพื้นหลัง : ใช่
ตัวอย่างการไล่ระดับสีแบบวงกลมที่สาม

ประเภทการไล่ระดับสีวงรี

การไล่ระดับสีแบบวงรีจะทำให้สีต่างๆ เป็นรูปวงรี

ตัวอย่างแรกของประเภทการไล่ระดับสีวงรี

ตัวอย่างวงรีแรกของเราวางวงรีสีอ่อนไว้ตรงกลางหน้าจอโดยมีสีเข้มขึ้นรอบๆ

ตัวอย่างแรกของการไล่ระดับสีวงรี

ตัวนี้มีสองสี ที่ นายกรัฐมนตรี คือ rgba(92,158,82,0.76) ที่ตำแหน่ง 0% ที่ ที่สอง คือ rgba(0,10,4,0.76) ที่ตำแหน่ง 50%

  • ไล่ระดับหยุด:
    • 0%: rgba(92,158,82,0.76)
    • 50%: rgba(0,10,4,0.76)
ตัวอย่างแรกของการไล่ระดับสีวงรี

เปลี่ยนมัน ประเภทการไล่ระดับสี ในรูปวงรี ตั้งค่า ทิศทาง ที่ศูนย์. รับรองว่าอันนี้ อย่าซ้ำ , ปรับเอกภาพ เปอร์เซ็นต์และวางไว้เหนือภาพพื้นหลัง

  • ประเภทการไล่ระดับสี: วงรี
  • ตำแหน่งไล่ระดับ: กึ่งกลาง
  • ทำซ้ำการไล่ระดับสี: NO
  • หน่วยไล่ระดับ: เปอร์เซ็นต์
  • สี่เหลี่ยมไล่ระดับสีเหนือภาพพื้นหลัง : ใช่
ตัวอย่างแรกของการไล่ระดับสีวงรี

ตัวอย่างที่สองของประเภทการไล่ระดับสีวงรี

ตัวอย่างที่สองของเราวางเส้นวงกลมบางๆ จำนวนมากตลอดการไล่ระดับสี

ตัวอย่างที่สองของการไล่ระดับสีวงรี

มันมีสองสี ที่ นายกรัฐมนตรี คือ rgba(92,158,82,0.76) ที่ตำแหน่ง 34pt ที่ ที่สอง คือ rgba(0,10,4,0.76) ที่ตำแหน่ง 39pt

  • ไล่ระดับหยุด:
    • 34pt: rgba(92,158,82,0.76)
    • 39pt: rgba(0,10,4,0.76)
ตัวอย่างที่สองของการไล่ระดับสีวงรี

เปลี่ยนมัน ชนิดภาพเขียน ไล่ระดับเป็นวงรีแล้วปรับ ทิศทาง ทางด้านซ้าย มีตัวนี้ที่ ทำซ้ำ. เปลี่ยนเอกภาพ เป็นจุด วางไว้เหนือภาพพื้นหลัง

  • ประเภทการไล่ระดับสี: วงรี
  • ตำแหน่งไล่ระดับ: ขวา
  • ทำซ้ำการไล่ระดับสี: ใช่
  • หน่วยไล่ระดับ: จุด (จุด)
  • สี่เหลี่ยมไล่ระดับสีเหนือภาพพื้นหลัง : ใช่
ตัวอย่างที่สองของการไล่ระดับสีวงรี

ตัวอย่างที่สามของประเภทการไล่ระดับสีวงรี

ตัวอย่างที่สามของเราใส่ครึ่งวงกลมจำนวนมากในการไล่ระดับสี

ตัวอย่างการไล่ระดับสีวงรีที่สาม

ตัวนี้มีสองสี ที่ นายกรัฐมนตรี คือ rgba(32,68,35,0.73) ที่ตำแหน่ง 34vmin ที่ ที่สอง คือ rgba(0,10,4,0.76) ที่ตำแหน่ง 39vmin

  • ไล่ระดับหยุด:
    • 34vmin: rgba (32, 68, 35, 0.73)
    • 39vmin: rgba(0,10,4,0.76)
ตัวอย่างการไล่ระดับสีวงรีที่สาม

เปลี่ยนมัน ชนิดภาพเขียน ไล่ระดับเป็นวงรีแล้วปรับ ทิศทาง บนที่สูง มีตัวนี้ที่ ทำซ้ำ. เปลี่ยนUnité ในวิวพอร์ตขั้นต่ำ วางไว้เหนือภาพพื้นหลัง

  • ประเภทการไล่ระดับสี: วงรี
  • ตำแหน่งไล่ระดับ: ด้านบน
  • ทำซ้ำการไล่ระดับสี: ใช่
  • หน่วยไล่ระดับ: วิวพอร์ตขั้นต่ำ (vmin)
  • สี่เหลี่ยมไล่ระดับสีเหนือภาพพื้นหลัง : ใช่
ตัวอย่างการไล่ระดับสีวงรีที่สาม

ประเภทการไล่ระดับสีทรงกรวย

ดูสิ่งนี้ด้วย: Divi: วิธีสร้างการเปลี่ยนพื้นหลังระหว่างองค์ประกอบ

ประเภทการไล่ระดับสีรูปกรวยแสดงการไล่ระดับสีเป็นรูปกรวยราวกับว่ากรวยถูกมองจากด้านบน

ตัวอย่างแรกของประเภทการไล่ระดับสีรูปกรวย

ตัวอย่างนี้วางเส้นทแยงมุมจากจุดกึ่งกลางของการไล่ระดับสีไปทางซ้ายด้วยสีอ่อนที่ด้านหนึ่งและสีเข้มอีกด้านหนึ่ง

ตัวอย่างแรกของการไล่ระดับรูปกรวย

มันมีสองสี ที่ นายกรัฐมนตรี คือ rgba(92,158,82,0.76) ที่ตำแหน่ง 0% ที่ ที่สอง คือ rgba(0,10,4,0.76) ที่ตำแหน่ง 50%

  • ไล่ระดับหยุด:
    • 0%: rgba(92,158,82,0.76)
    • 50%: rgba(0,10,4,0.76)
ตัวอย่างแรกของการไล่ระดับรูปกรวย

เปลี่ยนมัน ประเภทการไล่ระดับสี ในรูปกรวย ปรับ ทิศทาง กว่า 221 องศา ศูนย์ ตำแหน่ง et อย่าซ้ำนะ . วางการไล่ระดับสีเหนือภาพ

  • ประเภทการไล่ระดับสี: ทรงกรวย
  • ทิศทางการไล่ระดับสี: 221deg
  • ตำแหน่ง: Center
  • ทำซ้ำการไล่ระดับสี: NO
  • สี่เหลี่ยมไล่ระดับสีเหนือภาพพื้นหลัง : ใช่
ตัวอย่างแรกของการไล่ระดับรูปกรวย

ตัวอย่างที่สองของประเภทการไล่ระดับสีรูปกรวย

ตัวอย่างนี้คล้ายกับตัวอย่างก่อนหน้านี้ แต่วางเส้นกึ่งกลางไว้

ตัวอย่างการไล่ระดับสีรูปกรวยที่สอง

ตัวนี้มีสี่สี ที่ นายกรัฐมนตรี คือ rgba(20,40,20,0.76) ที่ตำแหน่ง 7% สี2 คือ rgba(30,73,25,0.68) ที่ตำแหน่ง 24% สี3 คือ rgba(103,132,30,0.68) ที่ตำแหน่ง 65% ดิ ที่สี่ สีคือ rgba (38,86,26,0.68) ที่ตำแหน่ง 85%

  • ไล่ระดับหยุด:
    • 7%: rgba(20,40,20,0.76)
    • 24%: rgba(30,73,25,0.68)
    • 65%: rgba(103,132,30,0.68)
    • 85%: rgba(38,86,26,0.68)
ตัวอย่างการไล่ระดับสีรูปกรวยที่สอง

กำหนด ประเภทการไล่ระดับสี บนรูปกรวยและ ทิศทาง ที่ 0 องศา ศูนย์ ตำแหน่ง . เกิดที่ อย่าซ้ำ และวางไว้เหนือภาพ

  • ประเภทการไล่ระดับสี: ทรงกรวย
  • ทิศทางการไล่ระดับสี: 0deg
  • ตำแหน่ง: Center
  • ทำซ้ำการไล่ระดับสี: NO
  • สี่เหลี่ยมไล่ระดับสีเหนือภาพพื้นหลัง : ใช่
ตัวสร้างไล่ระดับสีของ Divi

ตัวอย่างที่สามของประเภทการไล่ระดับสีรูปกรวย

ตัวอย่างสุดท้ายของเราวางระเบิดของเส้นจากจุดกึ่งกลางด้านบนของการไล่ระดับสีออกไปในทุกทิศทาง

ตัวอย่างการไล่ระดับสีรูปกรวยที่สาม

ตัวนี้มีสองสี ที่ นายกรัฐมนตรี คือ rgba(30,73,25,0.68) ที่ตำแหน่ง 5deg ที่ ที่สอง คือ rgba(20,40,20,0.76) ที่ตำแหน่ง 7deg

  • ไล่ระดับหยุด:
    • 5deg: rgba(30,73,25,0.68)
    • 7deg: rgba(20,40,20,0.76)
ตัวสร้างไล่ระดับสีของ Divi

ตั้งค่า GradientType บนรูปกรวยและ ทิศทาง ที่ 221 องศา วาง ตำแหน่ง ข้างบน ทำซ้ำ อันนี้และวางไว้เหนือภาพพื้นหลัง

  • ประเภทการไล่ระดับสี: ทรงกรวย
  • ทิศทางการไล่ระดับสี: 221deg
  • ตำแหน่ง: ท็อป
  • ทำซ้ำการไล่ระดับสี: ใช่
  • สี่เหลี่ยมไล่ระดับสีเหนือภาพพื้นหลัง : ใช่
ตัวอย่างการไล่ระดับสีรูปกรวยที่สาม

ดาวน์โหลด DIVI ทันที!!!

สรุป

นี่คือการเปรียบเทียบประเภทการไล่ระดับสีใน Gradient Builder ของ Divi 

ดังที่คุณเห็นจากตัวอย่างเหล่านี้ การตั้งค่านั้นเรียบง่าย แต่การตั้งค่าใดการตั้งค่าหนึ่งสามารถสร้างความแตกต่างที่สำคัญในการออกแบบการไล่ระดับสีได้ 

เพื่อผลลัพธ์ที่ดีที่สุด ให้ทดลองกับประเภทการไล่ระดับสีด้วยทิศทางและตำแหน่งที่แตกต่างกัน และเปิดหรือปิดตัวเลือกการทำซ้ำเพื่อดูว่าคุณสามารถสร้างอะไรได้

เราหวังว่าบทช่วยสอนนี้จะสร้างแรงบันดาลใจให้คุณสำหรับโครงการ Divi ครั้งต่อไปของคุณ หากคุณมีข้อกังวลหรือข้อเสนอแนะ หาเราใน ส่วนความเห็น เพื่อหารือเกี่ยวกับมัน

ปรึกษาได้นะคะ ทรัพยากรของเราหากคุณต้องการองค์ประกอบเพิ่มเติมเพื่อดำเนินโครงการสร้างเว็บไซต์อินเทอร์เน็ตของคุณ

อย่าลังเลที่จะปรึกษาคำแนะนำของเราเกี่ยวกับ การสร้างบล็อก WordPress หรือที่อยู่บน Divi: ธีม WordPress ที่ดีที่สุดตลอดกาล.

แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.

...

โปสเตอร์ le commentaire

ที่อยู่อีเมลของคุณจะไม่ถูกเผยแพร่ ช่องที่ต้องการถูกทำเครื่องหมาย *

เว็บไซต์นี้ใช้ Akismet เพื่อลดสิ่งที่ไม่พึงประสงค์ เรียนรู้เพิ่มเติมเกี่ยวกับวิธีการใช้ข้อมูลความคิดเห็นของคุณ.