-
CSS से इमेज पर बॉर्डर कैसे जोड़ें?
CSS से इमेज पर बॉर्डर जोड़ने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <style> img { border: 8px solid rgb(0, 238, 255); width: 400px; height: 400px; } </style> </head> <body> <h1>Border Around Imag
-
CSS से रिस्पॉन्सिव 'मीट द टीम' पेज कैसे बनाएं?
HTML और CSS से रिस्पॉन्सिव मीट द टीम पेज बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> html { box-sizing: border-box; } body{ font
-
CSS से स्टिकी इमेज कैसे बनाएं?
CSS से स्टिकी इमेज बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img { position: sticky; top: 0; width: 300px;
-
CSS से इमेज को फ्लिप/मिरर इफेक्ट कैसे दें?
CSS से इमेज को फ्लिप करने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img:hover { transform: scaleX(-1); width: 400; heig
-
CSS से इमेज को शेक/विगल कैसे करें?
CSS से इमेज को शेक करने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img{ width: 400px; height: 400px; margin:50px; } img:
-
CSS से रिस्पॉन्सिव पोर्टफोलियो गैलरी ग्रिड कैसे बनाएं?
CSS से रिस्पॉन्सिव पोर्टफोलियो गैलरी ग्रिड बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> * { box-sizing: border-box; } h1 { font
-
CSS से फुल-विड्थ इमेज पर फॉर्म कैसे जोड़ें?
CSS से फुल-विड्थ इमेज पर फॉर्म जोड़ने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body, html { height: 100%; margin: 0; p
-
CSS से हीरो इमेज कैसे बनाएं?
CSS से हीरो इमेज बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body, html { height: 100%; margin: 0; font-family: &
-
CSS से ब्लरी बैकग्राउंड इमेज कैसे बनाएं?
CSS से ब्लरी बैकग्राउंड इमेज बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body, html { height: 100vh; margin: 0; f
-
CSS से स्क्रॉल पर बैकग्राउंड इमेज कैसे बदलें?
CSS से स्क्रॉल करने पर बैकग्राउंड इमेज बदलने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1> <style> body, html { height: 100%; margin: 0;
-
CSS से इमेज को साइड बाय साइड कैसे अलाइन करें?
CSS से इमेज को साइड बाय साइड अलाइन करने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <style> * { box-sizing: border-box; } .imageColumn { float: left; width: 25%; padding: 10px; } h1{ text-align: cen
-
CSS से राउंडेड और सर्कुलर इमेज कैसे बनाएं?
CSS से राउंडेड और सर्कुलर इमेज बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img { border-radius: 50%; width: 300px;
-
CSS से अवतार इमेज कैसे बनाएं?
CSS से अवतार इमेज बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .avatarImage { vertical-align: middle; width: 250px;
-
CSS से रिस्पॉन्सिव इमेज कैसे बनाएं?
CSS से रिस्पॉन्सिव इमेज बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img { width: 100%; max-width: 1000px; } </style> </
-
CSS से इमेज को सेंटर कैसे करें?
CSS से इमेज को सेंटर करने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img { display: block; margin-left: auto; margin-rig
-
CSS से थंबनेल इमेज कैसे बनाएं?
CSS से थंबनेल इमेज बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> img { border: 3px solid rgb(208, 255, 0); border-radius: 4px; &
-
CSS से इमेज ओवरले होवर स्लाइड इफेक्ट्स कैसे बनाएं?
CSS से इमेज ओवरले होवर स्लाइड इफेक्ट्स बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .card-container { position: relative; width:
-
CSS से इमेज ओवरले ज़ूम होवर इफेक्ट कैसे बनाएं?
CSS से इमेज ओवरले ज़ूम होवर इफेक्ट बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .card-container { position: relative; width: 50%;
-
CSS से इमेज ओवरले टाइटल होवर इफेक्ट कैसे बनाएं?
CSS से इमेज ओवरले टाइटल होवर इफेक्ट बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * {box-sizing: border-box;} .card-container { position: relat
-
CSS से इमेज ओवरले आइकॉन होवर इफेक्ट कैसे बनाएं?
CSS से इमेज ओवरले आइकॉन होवर इफेक्ट बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-aweso