-
CSS से पैरालैक्स स्क्रोलिंग प्रभाव कैसे बनाएं?
CSS से पैरालैक्स स्क्रोलिंग प्रभाव बनाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { font-family: "Segoe
-
CSS से एलिमेंट का आस्पेक्ट रेशियो कैसे मेंटेन करें?
CSS से एलिमेंट का आस्पेक्ट रेशियो मेंटेन करने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body{ font-family: 'Segoe
-
CSS और JavaScript से डार्क और लाइट मोड के बीच स्विच कैसे करें?
JavaScript से डार्क और लाइट मोड के बीच स्विच करने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { padding: 25px; &
-
CSS और JavaScript से ट्री व्यू कैसे बनाएं?
CSS और JavaScript से ट्री व्यू बनाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { font-family: "Segoe UI&q
-
CSS से होवर पर एलिमेंट को ज़ूम/स्केल कैसे करें?
CSS से होवर पर एलिमेंट को ज़ूम/स्केल करने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> * { box-sizing: border-box; &nb
-
CSS से फ्लिप बॉक्स कैसे बनाएं?
CSS से फ्लिप बॉक्स बनाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body { font-family: 'Segoe UI', Tahoma, Ge
-
CSS से एलिमेंट को वर्टिकली और हॉरिजॉन्टली सेंटर कैसे करें?
CSS से एलिमेंट को वर्टिकली और हॉरिजॉन्टली सेंटर करने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .centered
-
CSS से बटन एलिमेंट को वर्टिकली और हॉरिजॉन्टली सेंटर कैसे करें?
CSS से बटन को वर्टिकली और हॉरिजॉन्टली सेंटर करने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .centered { &n
-
CSS से ग्लोइंग टेक्स्ट कैसे बनाएं?
CSS से ग्लोइंग टेक्स्ट बनाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body { background-color: rgb(0, 0, 0);
-
CSS से फिक्स्ड/स्टिकी फुटर कैसे बनाएं?
CSS से फिक्स्ड फुटर बनाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body{ font-family: 'Segoe UI', Tahoma, Ge
-
CSS से स्टिकी एलिमेंट कैसे बनाएं?
CSS से स्टिकी एलिमेंट बनाने के लिए, कोड निम्नानुसार है -उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { font-family: "Segoe UI"
-
CSS से समान ऊंचाई वाले कॉलम कैसे बनाएं?
CSS से समान ऊंचाई वाले कॉलम बनाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { font-family: "Segoe UI"
-
CSS से क्लियरफिक्स हैक के साथ फ्लोट्स कैसे क्लियर करें?
CSS का उपयोग करके क्लियरफिक्स हैक से फ्लोट्स क्लियर करने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } div {
-
CSS से रिस्पॉन्सिव फ्लोटिंग एलिमेंट्स कैसे बनाएं?
CSS से रिस्पॉन्सिव फ्लोटिंग एलिमेंट्स बनाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { font-family: "Seg
-
CSS से स्मूथ स्क्रॉलिंग प्रभाव कैसे बनाएं?
CSS से स्मूथ स्क्रॉलिंग प्रभाव बनाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <style> html { scroll-behavior: smooth; } * { box-sizing: border-box; } &n
-
CSS से स्क्रॉल पर ग्रेडिएंट बैकग्राउंड कलर कैसे बनाएं?
CSS से स्क्रॉल पर ग्रेडिएंट बैकग्राउंड कलर बनाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <style> body { height: 250vh; color: white; font-family: "Segoe UI", Tahoma,
-
CSS से कॉलआउट संदेश कैसे बनाएं?
CSS से कॉलआउट संदेश बनाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-s
-
CSS से नोट्स कैसे बनाएं?
CSS से नोट्स बनाने के लिए, कोड निम्नानुसार है -<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body{ font-family: 'Segoe UI', Tahoma, Geneva, Verdana
-
CSS से लेबल्स स्टाइल करना
लेबल स्टाइल्स CSS से लेबल्स स्टाइल करने के लिए निम्न कोड उपयोग करें: उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1 /> <style> body { font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; margin: 20px; } span
-
CSS से खाली सर्कल बनाना
खाली सर्कल CSS से खाली सर्कल बनाने के लिए निम्न कोड उपयोग करें: उदाहरण <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1 /> <style> body { font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif; margin: 20px; } .circle {