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,