CSS होवर प्रभाव बिल्डर
सीमित होवर शैली चुनें, रंग और गति समायोजित करें, फिर HTML और CSS कॉपी करें।
लाइव पूर्वावलोकन
पूर्वावलोकन अपडेट करने के लिए नियंत्रण बदलें।
आउटपुट में :focus-visible और prefers-reduced-motion नियम हैं। होवर प्रभाव सजावटी रखें और टेक्स्ट स्पष्ट रखें।
उपयोग कैसे करें
उपयोग कैसे करें
- छोटा तत्व लेबल दर्ज करें और ऊपर उठना, रेखांकन, चमक या रंग चुनें।
- पूर्वावलोकन देखते हुए होवर रंग, गति दूरी और संक्रमण अवधि बदलें।
- HTML और CSS कॉपी करें और टेक्स्ट को स्पष्ट रखें।
सीमित स्थानीय CSS निर्माण
चार निश्चित प्रभावों में से एक से छोटा button उदाहरण बनता है। टेक्स्ट 200 अक्षरों तक सीमित है और HTML में रखने से पहले विशेष अक्षर escape होते हैं। नेटवर्क, storage या बाहरी dependency नहीं है।
कीबोर्ड और गति समर्थन
:focus-visible की outline कीबोर्ड उपयोगकर्ताओं के लिए स्पष्ट है और prefers-reduced-motion transition हटाता है।
अक्सर पूछे जाने वाले सवाल
आप यह भी जानना चाहेंगे
कौन से प्रभाव उपलब्ध हैं?
ऊपर उठना, रेखांकन, चमक और रंग उपलब्ध हैं। दूरी और अवधि सीमित हैं।
क्या टेक्स्ट सुरक्षित है?
इसे 200 अक्षरों तक सीमित करके HTML special characters escape किए जाते हैं।
क्या कम गति का समर्थन है?
हाँ। prefers-reduced-motion: reduce transition हटाता है और नियंत्रण को उपयोगी रखता है।