HeronTool
ไทย▾
เข้าสู่ระบบ
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
หน้าแรก › ทรัพยากรดีไซน์ › Flexbox

Flexbox

สร้างเลย์เอาต์ flexbox

Flex CSS สร้าง การออกแบบ

วิธีใช้

  1. เลือกสีหรือตัวเลือก
  2. แสดงตัวอย่างสด
  3. คัดลอก CSS

กรณีการใช้งาน

ออกแบบและสร้าง CSS อย่างรวดเร็ว

คำนวณและแสดงตัวอย่างในเบราว์เซอร์

ความคิดเห็น / รายงาน / บันทึกของฉัน

กรุณาเข้าสู่ระบบก่อน — เข้าสู่ระบบ

กรุณาเข้าสู่ระบบก่อน — เข้าสู่ระบบ

กรุณาเข้าสู่ระบบก่อน — เข้าสู่ระบบ

เครื่องมือที่เกี่ยวข้อง
สร้างเกรเดียนต์ สร้าง CSS gradient แบบเส้นตรง/รัศมี พร้อมดูตัวอย่างสด ไล่สี ดูตัวอย่างฟอนต์ พิมพ์ข้อความและเปลี่ยนตระกูลฟอนต์เพื่อดูตัวอย่างสด ฟอนต์ ค้นหาไอคอน ค้นหาไอคอน Tabler และคัดลอก SVG ในคลิกเดียว ไอคอน สร้างจานสี สร้างพาเล็ตสีที่กลมกลืน (โทนใกล้เคียง/คู่สี) จากสีฐาน พาเล็ต สร้างโมคอัป ลาก URL หรือภาพหน้าจอใส่กรอบ mockup อุปกรณ์ Mockup ความต่างของสี ตรวจสอบความคมชัด WCAG ของข้อความบนพื้นหลัง ความคมชัด สร้าง box-shadow สร้าง box-shadow CSS แบบเห็นภาพ เงา สร้าง text-shadow สร้าง text-shadow CSS เงา