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
หน้าแรก › ทรัพยากรดีไซน์ › CSS Card Flip Generator

CSS Card Flip Generator

Build a 3D flip card that rotates on hover with front and back faces.

CSS การออกแบบ แอนิเมชัน
Summary—

วิธีใช้

  1. Adjust the parameters — the preview and CSS update instantly.
  2. 调整参数，预览与 CSS 实时更新。
  3. 調整參數，預覽與 CSS 即時更新。

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

Build a 3D flip card that rotates on hover with front and back faces.

ไม่มีการอัปโหลด — ประมวลผลในเบราว์เซอร์ของคุณเท่านั้น

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

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

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

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

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