เครื่องกําเนิดไฟฟ้า CSS Gradient

สร้างเส้นด้าย, แร่และโคเนียม CSS gradients ในเบราว์เซอร์ของคุณ

ประเภท Gradient วงกลม (deg)

X ตําแหน่ง (%) Y ตําแหน่ง (%)

สีหยุด

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

พร้อม

การประมวลผลท้องถิ่นของเบราว์เซอร์

Gradient ของคุณยังคงอยู่ในเบราว์เซอร์นี้ ไม่มีสีหรือ CSS ที่สร้างจะถูกส่งไปยัง Convertr

ใบมีดนําเข้า จํากัด

การนําเข้ายอมรับเส้น Gradient(), Radial-gradient() หรือ Conic-gradent() ด้วยสีและอัตราส่วนหก. คําอธิบาย URLs, Variables และฟังก์ชั่นที่ไม่รู้จักถูกปฏิเสธในท้องถิ่น

การเข้าถึง Fallback

CSS ที่สร้างขึ้นรวมถึงการตกแต่งพื้นหลังที่แข็งแกร่งพร้อมกับ gradient สําหรับ renderers ไม่สนับสนุนและ Chrome การควบคุมที่เข้าถึง

คำถามที่พบบ่อย

การอัพโหลด Gradient ของฉันหรือไม่

ไม่ รัฐ Gradient สี CSS ที่นําเข้า และสร้าง CSS จะอยู่ในเบราว์เซอร์ของคุณ

ประเภท CSS Gradient ที่ได้รับการสนับสนุนอะไร

เครื่องกําเนิดสร้างการผลิตแบบเส้น-gradient(), radial-gradent() และ conic-gradyent() ด้วยการหยุดสี hex มากหลาย

ฉันสามารถนําเข้าได้อย่างไร

การนําเข้ายอมรับกราฟมาร์คที่ จํากัด โดยใช้ฟังก์ชั่น gradient ที่ได้รับการสนับสนุนสี hex percentages และมุมหรือตําแหน่งที่ จํากัด

ผู้พัฒนาที่เกี่ยวข้องและเครื่องมือการออกแบบ

เครื่องมือสำหรับนักพัฒนาเครื่องมือเบราว์เซอร์ CSS Color Converter แปลงสีแปลงสี CSS SCSS คอมเพลย์การจัดเก็บ Sass / SCSS snippets ออนไลน์ CSS มินิฟเฟอร์คอมเพรส CSS รหัสในท้องถิ่นในเบราว์เซอร์ของคุณ ภาพถ่ายสี Pickerเลือกสีจากภาพในท้องถิ่น