-
CSS काउंटर-इंक्रीमेंट प्रॉपर्टी
CSS के साथ काउंटर वैल्यू बढ़ाने के लिए, काउंटर-इन्क्रीम का उपयोग करें एनटी संपत्ति। आप प्रति-कार्यान्वयन को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति - उदाहरण <!DOCTYPE html> <html> <head> <style>
-
सीएसएस एनिमेशन के साथ टूलटिप में फीका
CSS के साथ टूलटिप टेक्स्ट को फीका करने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं: उदाहरण .mytooltip .mytext { दृश्यता:छिपा हुआ; चौड़ाई:140 पीएक्स; पृष्ठभूमि-रंग:नीला; रंग:#ff; जेड-इंडेक्स:1; शीर्ष:-5 पीएक्स; अधिकार:110%; पाठ-संरेखण:केंद्र; सीमा-त्रिज्या:6px; पैडिंग:5px 0; स्थिति:निरपेक्
-
सीएसएस के साथ गोलाकार छवि बनाएं
CSS के साथ एक गोलाकार छवि बनाने के लिए, सीमा-त्रिज्या . का उपयोग करें संपत्ति। उदाहरण <!DOCTYPE html> <html> <head> <style> img { border-radius: 50%; &
-
CSS के साथ थंबनेल इमेज बनाएं
CSS के साथ थंबनेल इमेज बनाने के लिए, बॉर्डर प्रॉपर्टी . का उपयोग करें । उदाहरण <!DOCTYPE html> <html> <head> <style> img { border: 2px solid orange; &nb
-
सीएसएस काउंटर-रीसेट संपत्ति
CSS के साथ काउंटर बनाने या रीसेट करने के लिए, काउंटर-रीसेट प्रॉपर्टी का उपयोग करें। आप काउंटर-रीसेट को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति उदाहरण <!DOCTYPE html> <html> <head> <style>
-
CSS का उपयोग करके काली छाया के साथ सफेद टेक्स्ट बनाएं
पाठ्य-छाया का प्रयोग करें काली छाया के साथ सफेद पाठ बनाने की संपत्ति। टेक्स्ट-शैडो प्रॉपर्टी को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> <style> h1
-
CSS के साथ शीर्ष टूलटिप सेट करें
सेट-टॉप टूलटिप के लिए, नीचे . का उपयोग करें सीएसएस संपत्ति। आप टेक्स्ट पर सेट-टॉप टूलटिप के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण .mytooltip .mytext { दृश्यता:छिपा हुआ; चौड़ाई:140px; पृष्ठभूमि-रंग:नीला; रंग:#ff; जेड-इंडेक्स:1; नीचे:100%; बाएं:60%; मार्जिन-बाएं:-90px; पाठ-संरेखण:केंद्
-
CSS का उपयोग करके एनीमेशन को कितनी बार चलाया जाना चाहिए, इसकी संख्या निर्धारित करें
एनिमेशन-पुनरावृत्ति-गणना का उपयोग करें एक एनीमेशन को सीएसएस के साथ कितनी बार चलाया जाना चाहिए, यह निर्धारित करने के लिए संपत्ति उदाहरण <!DOCTYPE html> <html> <head> <style> div {
-
CSS एनिमेशन-दिशा गुण
एनीमेशन-दिशा का उपयोग करें यह निर्धारित करने के लिए संपत्ति है कि एनीमेशन को आगे, पीछे या वैकल्पिक चक्रों में चलाया जाना चाहिए या नहीं। एनीमेशन-दिशा . को लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं संपत्ति: उदाहरण <!DOCTYPE html> <html> <head> &nb
-
CSS @keyframes एनिमेशन का नाम सेट करें
एनिमेशन-नाम . का उपयोग करें @keyframes एनिमेशन का नाम सेट करने के लिए प्रॉपर्टी। आप एनिमेशन नाम सेट करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> div {
-
सीएसएस के साथ एक निर्दिष्ट शब्द वाले विशेषता मान वाले तत्वों का चयन कैसे करें?
CSS के साथ निर्दिष्ट शब्द वाले विशेषता मान वाले तत्वों का चयन करने के लिए [विशेषता ~=मान] चयनकर्ता का उपयोग करें। आप [विशेषता ~ =मान] चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं। यहां, हम जो शब्द खोज रहे हैं वह है “ट्यूटोरियल”, उदाहरण <!DOCTYPE html> <html> &nbs
-
CSS के साथ गोलाकार छवि बनाएं
CSS के साथ एक गोलाकार छवि बनाने के लिए, सीमा-त्रिज्या . का उपयोग करें संपत्ति। उदाहरण <!DOCTYPE html> <html> <head> <style> img { border-radius: 20px; &
-
CSS के साथ alt विशेषता वाले सभी तत्वों का चयन करता है
विशेषता वाले तत्वों का चयन करने के लिए, CSS [विशेषता] चयनकर्ता का उपयोग करें। उदाहरण के लिए, alt विशेषता या लक्ष्य विशेषता, आदि। आप CSS[विशेषता] चयनकर्ता को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं, उदाहरण <!DOCTYPE html> <html> <head> &n
-
CSS के साथ टूलटिप के बाईं ओर तीर
दाएं का उपयोग करें टूलटिप के दाईं ओर तीर जोड़ने के लिए CSS गुण। आप बाईं ओर तीर के साथ टूलटिप जोड़ने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण .mytooltip .mytext { दृश्यता:छिपा हुआ; चौड़ाई:140 पीएक्स; पृष्ठभूमि-रंग:नीला; रंग:#ff; जेड-इंडेक्स:1; शीर्ष:-5 पीएक्स; बाएं:110%; पाठ-संरेखण:केंद
-
CSS के साथ सभी <div> तत्वों और सभी <p>
तत्वों का चयन करता है
शैली के लिए, एक से अधिक तत्व, अल्पविराम का उपयोग करें। इसे प्राप्त करने के लिए प्रत्येक तत्व को अल्पविराम से अलग करें। और तत्वों, . का चयन करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style>
-
सीएसएस के साथ <div> तत्वों के अंदर सभी <p>
तत्वों का चयन करता है
तत्व तत्व का उपयोग करें किसी अन्य तत्व के अंदर सभी तत्वों का चयन करने के लिए चयनकर्ता। तत्व तत्व . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं चयनकर्ता, उदाहरण <!DOCTYPE html> <html> <head> <style> &n
-
जब ऐनिमेशन नहीं चल रहा हो तो तत्व के लिए CSS शैली सेट करें
ऐनिमेशन-फिल-मोड प्रॉपर्टी का उपयोग ऐनिमेशन नहीं चलने पर एलीमेंट के लिए स्टाइल सेट करने के लिए करें उदाहरण <!DOCTYPE html> <html> <head> <style> div { width: 150px; &
-
CSS के साथ एनीमेशन की गति वक्र निर्दिष्ट करें
एनिमेशन-टाइमिंग-फ़ंक्शन का उपयोग करें एनिमेशन की गति वक्र सेट करने के लिए। इसे प्राप्त करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण <!DOCTYPE html> <html> <head> <style> div { &nb
-
CSS के साथ टूलटिप्स बनाएं
जब कोई उपयोगकर्ता माउस कर्सर को टेक्स्ट पर ले जाता है तो टूलटिप दिखाई देता है। उपयोगकर्ताओं को समझने में आसान बनाने के लिए आप इसमें जानकारी जोड़ सकते हैं। उदाहरण टूलटिप बनाने का तरीका जानने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं - #mytooltip #mytext { दृश्यता:छिपा हुआ; चौड़ाई:100 पीएक्स
-
एक टूलटिप बनाएं जो तब प्रकट होता है जब उपयोगकर्ता माउस को CSS के साथ किसी तत्व पर ले जाता है
माउस ओवर पर दिखाई देने वाला टूलटिप बनाने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं। दृश्यता गुण का उपयोग करें उदाहरण लाइव डेमो #mytooltip #mytext { दृश्यता:छुपा; चौड़ाई:100 पीएक्स; पृष्ठभूमि-रंग:काला; रंग:#fff; पाठ-संरेखण:केंद्र; सीमा-त्रिज्या:3px; पैडिंग:10px 0; स्थिति:निरपेक्ष; जेड-इंडे
