Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS के साथ टूलटिप के दाईं ओर तीर


बाईं ओर का प्रयोग करें टूलटिप के दाईं ओर एक तीर जोड़ने के लिए CSS गुण।

आप दाईं ओर एक तीर के साथ टूलटिप जोड़ने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:

उदाहरण

   
माउस कर्सर को मेरे ऊपर रखें My Tooltip text

  1. CSS के साथ शीर्ष टूलटिप सेट करें

    सेट-टॉप टूलटिप के लिए, नीचे . का उपयोग करें सीएसएस संपत्ति। आप टेक्स्ट पर सेट-टॉप टूलटिप के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण .mytooltip .mytext { दृश्यता:छिपा हुआ; चौड़ाई:140px; पृष्ठभूमि-रंग:नीला; रंग:#ff; जेड-इंडेक्स:1; नीचे:100%; बाएं:60%; मार्जिन-बाएं:-90px; पाठ-संरेखण:केंद्

  1. सीएसएस एनिमेशन के साथ टूलटिप में फीका

    CSS के साथ टूलटिप टेक्स्ट को फीका करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं: उदाहरण .mytooltip .mytext { दृश्यता:छिपा हुआ; चौड़ाई:140 पीएक्स; पृष्ठभूमि-रंग:नीला; रंग:#ff; जेड-इंडेक्स:1; शीर्ष:-5 पीएक्स; अधिकार:110%; पाठ-संरेखण:केंद्र; सीमा-त्रिज्या:6px; पैडिंग:5px 0; स्थिति:निरपेक्

  1. CSS के साथ टूलटिप के शीर्ष पर तीर

    नीचे . का उपयोग करें टूलटिप के शीर्ष पर तीर जोड़ने के लिए CSS गुण। उदाहरण शीर्ष पर तीर के साथ टूलटिप जोड़ने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं: .mytooltip .mytext { दृश्यता:छिपा हुआ; चौड़ाई:140 पीएक्स; पृष्ठभूमि-रंग:नीला; रंग:#ff; जेड-इंडेक्स:1; शीर्ष:150%; बाएं:50%; मार्जिन-बाएं:-