PrivTab

สร้างไล่ระดับสี CSS

สร้างไล่ระดับสี CSS

ทำงานในเบราว์เซอร์ · ไม่ต้องอัปโหลด

ขณะนี้เครื่องมือและคำแนะนำในหน้านี้ยังเป็นภาษาอังกฤษ แต่ทำงานเหมือนกันทุกประการ: ทุกอย่างทำงานในเบราว์เซอร์ของคุณ

Type
Colors
    Ready-made
    • ไม่มีสิ่งใดออกจากอุปกรณ์ของคุณ
    • เซิร์ฟเวอร์ไม่จำกัดขนาดไฟล์
    • ไม่ต้องสมัคร ไม่มีลายน้ำ
    • ฟรี

    How to make a CSS gradient

    1. Pick linear, radial or conic, or start from a ready-made gradient.
    2. Set the angle or center, and add, move or remove colors.
    3. Copy the CSS.

    Good to know

    • Each color can be partly see-through, which is handy for overlays on photos.
    • "Repeat the pattern" turns the gradient into stripes or rings.
    • The CSS includes a plain background color for very old browsers.

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

    Will it work in all browsers?

    Linear and radial gradients work everywhere; conic gradients work in all current browsers.

    Is anything uploaded?

    No. The preview is drawn by your browser.