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 ग्रेडिएंट बनाएँ। ग्रेडिएंट फ़ॉन्ट पूर्वावलोकन टेक्स्ट लिखें और लाइव प्रीव्यू के लिए फ़ॉन्ट बदलें। फ़ॉन्ट आइकन खोज Tabler आइकन खोजें और एक क्लिक में SVG कॉपी करें। आइकन रंग पैलेट जनरेटर आधार रंग से सामंजस्यपूर्ण पैलेट (एनालॉग/कॉम्प्लिमेंट्री) बनाएँ। पैलेट मॉकअप जनरेटर URL या स्क्रीनशॉट को डिवाइस मॉकअप फ्रेम में ड्रॉप करें। मॉकअप रंग कंट्रास्ट पृष्ठभूमि पर टेक्स्ट का WCAG कंट्रास्ट जाँचें। कंट्रास्ट box-shadow जनरेटर CSS box-shadow दृश्य रूप से बनाएँ। छाया text-shadow जनरेटर CSS text-shadow बनाएँ। छाया