-
CSS से इमेज पर विजुअल इफेक्ट्स कैसे जोड़ें?
CSS से इमेज पर विजुअल इफेक्ट्स जोड़ने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img{ margin: 20px; } img.normal{ margin-left: 30%; &
-
CSS से ब्लैक एंड व्हाइट इमेज कैसे बनाएं?
CSS से ब्लैक एंड व्हाइट इमेज बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img{ margin: 20px; } img.normal{ margin-left: 30%; &nbs
-
HTML और CSS से इमेज पर टेक्स्ट कैसे रखें?
HTML और CSS से इमेज पर टेक्स्ट रखने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> h1{ text-align: center; } .imageContainer { margin-lef
-
CSS से इमेज पर टेक्स्ट ब्लॉक कैसे रखें?
CSS से इमेज पर टेक्स्ट ब्लॉक रखने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .imageContainer { display: inline-block; position: relat
-
CSS से ट्रांसपेरेंट बैकग्राउंड टेक्स्ट के साथ इमेज कैसे बनाएं?
CSS से ट्रांसपेरेंट बैकग्राउंड टेक्स्ट के साथ इमेज बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" imageContent="width=device-width, initial-scale=1"> <style> * { box-sizing: border-box; } body { &nbs
-
CSS से फुल-पेज बैकग्राउंड इमेज कैसे बनाएं?
CSS से फुल-पेज बैकग्राउंड इमेज बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body, html { height: 100%; margin: 0; } .background {
-
CSS से फिक्स्ड सोशल मीडिया आइकॉन बार कैसे बनाएं?
CSS से फिक्स्ड सोशल मीडिया आइकॉन बार बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6
-
CSS से पिल नेविगेशन मेनू कैसे बनाएं?
CSS से पिल नेविगेशन मेनू बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html lang="en"> <head> <title>Document </title> <style> nav{ width: 100%; background-color: rgb(255, 251, 251); overflow: auto;  
-
CSS से रिस्पॉन्सिव हेडर कैसे बनाएं?
CSS से रिस्पॉन्सिव हेडर बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * {box-sizing: border-box;} nav { overflow: hidden; backgrou
-
CSS और JavaScript से रिस्पॉन्सिव स्लाइडशो कैसे बनाएं?
CSS और JavaScript से रिस्पॉन्सिव स्लाइडशो बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> * { box-sizing: border-box; } .Slide { d
-
CSS और JavaScript से रिस्पॉन्सिव स्लाइडशो गैलरी कैसे बनाएं?
CSS और JavaScript से रिस्पॉन्सिव स्लाइडशो गैलरी बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> * { box-sizing: border-box; } .Slide { &
-
HTML और CSS से रिस्पॉन्सिव इमेज ग्रिड कैसे बनाएं?
HTML और CSS से रिस्पॉन्सिव इमेज ग्रिड बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <style> * { box-sizing: border-box; } h1 { text-align: center; } .outer-grid { display: flex; flex-wrap: wrap; padding: 0 4
-
CSS से इमेज ओवरले होवर इफेक्ट कैसे बनाएं?
CSS से इमेज ओवरले होवर इफेक्ट बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .card-container { display: inline-block; position: rel
-
CSS से ड्रॉपअप मेनू कैसे बनाएं?
CSS से ड्रॉपअप मेनू बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> .menu-btn { background-color: #7e32d4; color: white; &n
-
HTML और CSS से मेगा मेनू (फुल-विड्थ ड्रॉपडाउन) कैसे बनाएं?
HTML और CSS से मेगा मेनू बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <style> body { margin: 0; padding: 0; } *,*::before,*::after{ box-sizing: border-box; } nav { overflow: hidden; background-
-
CSS से पेजिनेशन कैसे बनाएं?
CSS से पेजिनेशन बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style&g
-
CSS से ब्रेडक्रंब नेविगेशन कैसे बनाएं?
CSS से ब्रेडक्रंब नेविगेशन बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title&
-
CSS से बटन ग्रुप कैसे बनाएं?
CSS से बटन ग्रुप बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <style> .btnGroup{ display: inline-block; font-size: 0; border: 2px solid darkgreen; box-shadow: 5px 10px 18px rgb(55, 173, 39); } button{ float
-
CSS से वर्टिकल बटन ग्रुप कैसे बनाएं?
CSS से वर्टिकल बटन ग्रुप बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <style> *,*::before,*::after{ box-sizing: border-box; } .btnGroup{ display: inline-block; font-size: 0; border: 2px solid darkgreen; box
-
CSS से इमेज पर नेविगेशन मेनू कैसे जोड़ें?
CSS का उपयोग करके इमेज पर नेविगेशन मेनू जोड़ने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&