Posts

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...
Post a Comment
Read more

Animation Wow

 CSS Line wrap @charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,...
Post a Comment
Read more

responsive.css

 @media only screen and (min-width:991px) and (max-width:1199px)  { *.animated{animation-duration:inherit !important;} } @media only screen and (min-width:768px) and (max-width: 990px){ *.animated{animation-duration:inherit !important;} } @media only screen and (min-width:480px) and (max-width: 767px){ *.animated{animation-duration:inherit !important;} } @media only screen and (max-width: 479px){ *.animated{animation-duration:inherit !important;} }
Post a Comment
Read more

Dark Light

Image
  Line wrap <!DOCTYPE html> <html> <head> <title> Dark Light </title> <link rel =" stylesheet " href =" https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css "> </head> <body> <section class =" sec "> <div class =" card "> <div class =" toggle "> </div> <div class =" content "> <div class =" imgText "> <div class =" imgBx "> <img src =" img.jpeg "> </div> <h3> Varun Saini <br> <span> Web designer </span> </h3> </div> <div class =" sci "> <ul> <li> <a href =" # "> <i class =" fa fa-facebook " aria-hidden =" true "> </i> </a> </li> <li> <a href =" # ...
Post a Comment
Read more