Graphic Website




 

Comments

Post a Comment

Popular posts from this blog

Check Box

Image
<!DOCTYPE html> <html> <head> <title>Check Box</title> </head> <body> <div class="list"> <h2>CSS Only Item Check List</h2> <label> <input type="checkbox" name=""> <i></i> <span>Lorem text is the dummy text for this site</span> </label> <label> <input type="checkbox" name=""> <i></i> <span>Lorem text is the dummy text for this site</span> </label> <label> <input type="checkbox" name=""> <i></i> <span>Lorem text is the dummy text for this site</span> </label> <label> <input type="checkbox" name=""> <i></i> <span>Lorem text is the dummy text for this site</span> </label> <label...
Read more

Hover Button Effects

Image
  <!DOCTYPE html> <html> <head> <title> Hover Button Effects </title> </head> <body> <a href =" # "> <span> </span> <span> </span> <span> </span> <span> </span> Buttons </a> </body> </html> <style type =" text/css "> *{ margin: 0px; padding: 0px; box-sizing: border-box; font-family: arial; } body{ display: flex; justify-content: center; align-items: center; min-height: 100vh; background: #1f242d; } a{ position: relative; display: inline-block; padding: 10px 30px; text-decoration: none; text-transform: uppercase; color: rgba(255,255,255, 0.4); background: #262c37; letter-spacing: 2px; font-size: 16px; transition: 0.5s; } a:hover{ color: rgba(255, 255, 255, 1); } a span{ display: block; position: absolute; background: #2894ff; } a span:nth-child(1){ left: 0px; bottom: 0px; width: ...
Read more

Lligting Name

Image
  <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Monoton&display=swap" rel="stylesheet"> <div class="make-in-india-effect w-100">   <p id="error">Make<span class="ml-5"> in</span></p>   <p id="code">I<span>nd</span><span>ia</span></p> </div> <style type="text/css"> .make-in-india-effect p {font-size: 75px !important;  font-family: 'Monoton', cursive; text-align: center;  text-transform: uppercase;  text-shadow: 0 0 80px red,0 0 30px FireBrick,0 0 6px DarkRed;  color: red;} .make-in-india-effect p {    display: unset;    margin-right: 50px;} .make-in-india-effect {    background: #000; text-align: center;} .ml-5, .mx-5 {  margin-left: 3rem!important;} #error:hover { text-shadow: 0 0 200px #ffffff,0 0 80px #008000,0 0 6px #0000ff; font-f...
Read more