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 के साथ एक सहज स्क्रॉलिंग प्रभाव बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style>    html {       scroll-behavior: smooth;    }    * {       box-sizing: border-box;    } &nbs

  1. कैसे सीएसएस के साथ एक लंबन स्क्रॉलिंग प्रभाव बनाने के लिए? कैसे सीएसएस के साथ एक लंबन स्क्रॉलिंग प्रभाव बनाने के लिए?

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