क्या आप सीएसएस का उपयोग करके छवि मानचित्र पर माउसओवर को स्टाइल कर सकते हैं?

छवि मानचित्रों का उपयोग किसी छवि में क्लिक करने योग्य क्षेत्रों को चित्रित करने के लिए किया जाता है। इन क्षेत्रों को स्टाइल करना, जो डिफ़ॉल्ट रूप से सादे ज्यामितीय आकृतियों के रूप में दिखाई देते हैं, एक दृश्य इंटरैक्टिव इंटरफ़ेस के रूप में काम कर सकते हैं। किसी को आश्चर्य हो सकता है कि क्या यह सीएसएस के साथ संभव है, जो वेबसाइट सौंदर्यशास्त्र के लिए एक अनिवार्य उपकरण है। जबकि सीएसएस सीधे छवि मानचित्र क्षेत्रों को स्टाइल नहीं कर सकता है, वांछित प्रभाव प्राप्त करने के लिए चतुर समाधान हैं।

सीएसएस-केवल समाधान:

सीएसएस के माध्यम से छवि मानचित्रों में हेरफेर करने का एक विकल्प छवि पर क्लिक करने योग्य तत्वों (उदाहरण के लिए, ब्लॉक) को सुपरइम्पोज़ करना है। इन तत्वों को मानचित्र क्षेत्रों के साथ सटीक संरेखण में रखना, माउसओवर पर अस्पष्टता समायोजन के साथ, छवि मानचित्र को स्टाइल करने के दृश्य प्रभाव की नकल करता है। यह दृष्टिकोण कार्यान्वयन को सरल बनाता है, सीएसएस की मजबूत क्षमताओं का और अधिक लाभ उठाता है। . इन क्षेत्रों पर मंडराने पर, अस्पष्टता 0.2 पर सेट हो जाती है, जिससे सूक्ष्म ओवरले प्रभाव का पता चलता है। छवि पृष्ठभूमि में बनी हुई है।