Posts

Showing posts from January, 2025

Birthday card in html css js

Image
Before viewing the code visit YouTube video for experience the environment  YouTube link  - Click here So here is the code  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">   <title>HTML</title>      <!-- HTML -->      <!-- Custom Styles -->   <link rel="stylesheet" href="style.css"> </head> <body>  <div class="birthdayCard"> <div class="cardFront"><h3 class="happy">HAPPY BIRTHDAY!</h3> <div class="balloons">   <div class="balloonOne"></div>   <div class="balloonTwo"></div>   <div class="balloonThree"></div>   <div class="balloonFou...

Drawing app

Image
Before seeing the code take a look at video for not expecting a error  YouTube video -  Click me So here is the code  Enjoy  <!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">   <title>Drawing App</title>   <!-- HTML -->   <!-- Custom Styles -->   <!--<link rel="stylesheet" href="style.css"> -->   <style>     :root {   --themeColor1: ghostwhite;   --themeColor2: #664aff;   --themeColor3: #041122; } body {   margin: 0;   padding: 0;   width: 100%;   height: 100vh;   font-family: monospace; } .container {   width: 100%;   height: 100%;   background: #141627;   background: linear-gradient(-45deg, #202040, #413c69);   display: flex...

Stylish css button

Before seeing the code, take a look at my video for experience how it will perform at your device. YouTube link  - Click me So here is the code of this beautiful button. Copy and paste in your editor and enjoy  <!DOCTYPE html> <html> <head>   <meta charset="UTF-8">   <meta name="viewport" content="width=device-width, initial-scale=1">   <title>Body Background</title>   <style>     * {       margin: 0;       padding: 0;       box-sizing: border-box;     }     body {       display: grid;       place-items: center;       height: 100vh;       position: relative;       overflow: hidden;     }     body::before {       content: "";       position: absolute;       top: -100%;       width: 100...

Popular posts from this blog

Birthday card in html css js

Create Animated Tooltip Popups in HTML/CSS | No JavaScript Needed!

Built a 3D Morphing Engine with 8,000 Particles! ✨ (Three.js)

Create an Instagram Profile Page Using HTML and CSS | UI Clone Tutorial

JavaScript Voronoi Circles effect |HTML JS| #coding

Digital Clock with animation |HTML|CSS|JS

Coding a 'Smart' Particle System (Text to Dots Tutorial)

MOST EXPENSIVE AND EXTREME GAMING SETUPS EVER