Skip to main content

Posts

Showing posts from February, 2021

Clip Image On Text Using HTML & CSS | CSS Overlay Text On Image | background-clip text effect-CSS

   In this video, we will create an awesome text effect CSS only. This video on how to clip image on text using -webkit-background-clip. For a preview click on  Demo If you want to get the complete source code in a zip file then click the "Fork me on GitHub" button below that will redirect you to my GitHub account where you found all my source code files. Copy Code(select code part and copy using "CTRL + C" or using R Click to mouse)🡇 HTML <! DOCTYPE   html > < html   lang = "en" > < head >     < meta   charset = "UTF-8" >     < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >     < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >     < title >How to clip image on text</ title >      <!-- style.css -->     < link   rel = "stylesheet"   href = "style.css" > </ head > < body >

Glass Morphism Calculator | How To Create Calculator In HTML CSS JavaScript | Glass Morphism CSS

In this video, we will create a complete working calculator using HTML, CSS & JavaScript with a glass morphism effect. A mini JavaScript project for beginners that can help you to build this easily. If you want to get the complete source code in a zip file then click the "Fork me on GitHub" button below that will redirect you to my GitHub account where you found all my source code files. Copy Code(select code part and copy using "CTRL + C" or using R Click to mouse)🡇 HTML <! DOCTYPE  html > < html  lang = " en " > < head >      < meta  charset = " UTF-8 " >      < meta  name = " viewport "   content = " width=device-width, initial-scale=1.0 " >      < title > Glass Morphism Calculator </ title >      < link  rel = " stylesheet "   href = " style.css " > </ head > < body >      < div  class = " wrapper " >          < form  na