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

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

<घंटा/>

नीचे . का उपयोग करें टूलटिप के शीर्ष पर तीर जोड़ने के लिए CSS गुण।

उदाहरण

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

   
माउस कर्सर को मेरे ऊपर रखें  My Tooltip text
  1. सीएसएस एनिमेशन के साथ टूलटिप में फीका

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

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

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

  1. एनिमेशन के साथ CSS शीर्ष संपत्ति

    ऐनिमेशन को शीर्ष पर लागू करने के लिए CSS के साथ संपत्ति, आप निम्न कोड चलाने का प्रयास कर सकते हैं - उदाहरण <!DOCTYPE html> <html>    <head>       <style>          div {             position: abs