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

सीएसएस के साथ छवि ओवरले होवर स्लाइड प्रभाव कैसे बनाएं?

CSS के साथ इमेज ओवरले होवर स्लाइड इफेक्ट बनाने के लिए निम्नलिखित कोड है -

उदाहरण

इमेज ओवरले स्लाइड उदाहरण
सीएसएस के साथ छवि ओवरले होवर स्लाइड प्रभाव कैसे बनाएं? 
कुत्ता



 
आउटपुट
 

 उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
 
 सीएसएस के साथ छवि ओवरले होवर स्लाइड प्रभाव कैसे बनाएं? 
 

 छवि के ऊपर मँडराने पर -
 
 सीएसएस के साथ छवि ओवरले होवर स्लाइड प्रभाव कैसे बनाएं?
  1. सीएसएस के साथ ओवरले प्रभाव कैसे बनाएं?

    CSS के साथ एक ओवरले प्रभाव बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/fontawesome.min.css"> <style> body {    font-family:

  1. CSS के साथ कूपन कैसे बनाएं?

    CSS के साथ एक कूपन बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma

  1. सीएसएस के साथ तीर कैसे बनाएं?

    सीएसएस के साथ तीर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma,