CSS Gradient Generator

CSS Gradient Generator เป็นแอปพลิเคชันที่มีประโยชน์สำหรับผู้ที่ต้องการสร้างกราเดียนใน CSS อย่างง่ายและมีประสิทธิภาพ

ส่วนประกอบหลักของแอปพลิเคชัน

• รายการกราเดียน: อยู่ด้านซ้ายมือ จะมีรายการชั้น (layers) ถ้ามีชั้นอย่างน้อยหนึ่งชั้น คุณสามารถดาวน์โหลดโค้ดสุดท้ายได้โดยคลิกปุ่ม ในแผงนี้ คุณสามารถจัดลำดับชั้น ลบชั้น และปิดการแสดงผลของชั้นด้วย

• แผงการตั้งค่าชั้น: เมื่อคลิกชั้นในแผงชั้นด้านล่างหน้าจอ คุณจะเห็นแผงการตั้งค่า ในมุมบนซ้ายของแผงนี้มีปุ่มสำหรับตั้งค่าประเภทกราเดียน ข้าง ๆ มีปุ่มที่เปิดแผงการตั้งค่าของกราเดียน เช่น ขนาด การทำซ้ำ ความโปร่งใสทั้งหมด โหมดผสม เป็นต้น คุณสามารถเปลี่ยนค่าที่ใส่ในช่องกรอกได้โดยพิมพ์ ใช้ลูกศรของเมาส์ หรือคลิกที่ช่องและลากเคอร์เซอร์ขึ้นหรือลง ข้าง ๆ ชื่อแผงมีไอคอน คุณคลิกมัน จะมีเมนูปรากฏขึ้น ซึ่งจะช่วยให้คุณประยุกต์ใช้การตั้งค่าของชั้นนั้นให้กับชั้นอื่นได้ คุณยังสามารถย้ายแผงทั้งหมดได้เมื่อ抓住ด้านบนของมัน ข้าง ๆ มีปุ่มที่เปิดแผงเพื่อเพิ่มจุดให้กับสไลเดอร์โดยอัตโนมัติ ส่วนสำคัญของแผงคือสไลเดอร์กราเดียน คุณคลิกดับเบิลบนจุดของสไลเดอร์ จะเพิ่มจุดใหม่ คุณยังสามารถย้ายจุดด้วยเมาส์หรือปุ่มลูกศร คุณสามารถเลือกหลายจุดด้วยปุ่ม Ctrl มีปุ่มบางปุ่มในมุมขวาเหนือสไลเดอร์ คุณใช้ปุ่มเหล่านี้เพื่อเลือกจุดถัดไป/ก่อนหน้า บนสไลเดอร์ คุณใช้ปุ่มเหล่านี้เพื่อตัดกราเดียนสำหรับจุดที่เลือก สามารถเป็นประโยชน์เมื่อคุณต้องการปิดการเปลี่ยนแปลงที่ละเอียดสำหรับจุดที่เลือก คุณยังสามารถตั้งค่าคolor แบบทึบให้กับด้านซ้าย/ขวาสำหรับจุดที่เลือก และคุณยังสามารถคัดลอก/วางคolor จากจุดที่เลือกได้ คุณสามารถทำทั้งหมดนี้ด้วยปุ่มที่เหมาะสม คุณดูที่แท็บคีย์บอร์ดในช่วยเหลือนี้เพื่อดูวิธีที่ดีที่สุด

• แผงหลัก: เมื่อคุณเลือกชั้นจากแผงด้านซ้าย บนแผงหลัก คุณจะสามารถตั้งค่าพิกัดศูนย์กลางของกราเดียน ทิศทางของกราเดียน และตำแหน่งของกราเดียนได้ เห็นได้จากประเภทของกรāเดียนและขนาดของมัน คุณสามารถสลับไปยังโหมดอื่นด้วยปุ่ม (Q, W, E) ที่แสดงด้านล่างแผงหลัก คุณยังสามารถสลับระหว่างโหมดเหล่านี้ด้วยปุ่มเมาส์ โดยค่าเริ่มต้น ปุ่มซ้ายใช้เพื่อย้ายจุดศูนย์กลางของกราเดียน และปุ่มขวาใช้เพื่อหมุนกราเดียน คุณยังใช้ปุ่ม S เพื่อเปิด/ปิดโหมดกริดและโหมด snap

• ห้องสมุด: ห้องสมุดใช้เพื่อเก็บงานที่บันทึกไว้ คุณคลิกไอคอนเพื่อแสดงมัน เมื่อคุณเพิ่มชั้นอย่างน้อยหนึ่งชั้นในงานของคุณ คุณจะสามารถบันทึกงานทั้งหมดในปัจจุบันลงในห้องสมุด เมื่อคลิกที่รายการในห้องสมุด ชั้นของมันจะถูกเพิ่มในงานของคุณโดยไม่ลบชั้นใด คุณยังสามารถทำงานต่อไปในงานของคุณและบันทึกมันในห้องสมุดเป็นองค์ประกอบใหม่ ในมุมบนขวาของห้องสมุดมีไอคอนเมนู ในเมนูนี้มีไม่กี่ตัวเลือก ตัวเลือกแรก "จัดการห้องสมุด" ช่วยให้คุณจัดการห้องสมุด เมื่อคุณเปิดใช้งานมัน คุณสามารถเพิ่มกลุ่มใหม่ เปลี่ยนชื่อกลุ่มที่มีอยู่ หรือลากรายการระหว่างกลุ่ม การนำเข้าและส่งออกช่วยให้คุณนำเข้าองค์ประกอบที่เลือกจากไฟล์และส่งออกไปยังไฟล์ ตัวเลือกสุดท้ายในเมนูนี้ช่วยให้คุณเปิดห้องสมุดออนไลน์ จากแผงนี้ คุณสามารถเพิ่มองค์ประกอบที่สร้างโดยผู้ใช้คนอื่น คุณยังสามารถแบ่งปันงานของคุณเองได้โดยใช้แบบฟอร์มเพิ่มเติม ซึ่งคุณสามารถเปิดได้โดยคลิกที่ลิงค์ในข้อความด้านบนแผงห้องสมุดออนไลน์

CSS Gradient Generator เป็นเครื่องมือที่มีประโยชน์และง่ายต่อการใช้งานสำหรับผู้ที่ต้องการสร้างกราเดียนใน CSS อย่างมีประสิทธิภาพและมีความหลากหลายในการตั้งค่า