Very Good Wishing Due To Programming (HTML & CSS)

Ticker

10/recent/ticker-posts

Very Good Wishing Due To Programming (HTML & CSS)

Very Good Wishing Due To Programming (HTML & CSS)  



HTML CODE


<!DOCTYPE html>

<html>

<head>

<title><strong>Happy Diwali</strong></title>

<meta name="viewport" content="width=device-width, initial-scale=1"/>

    </meta></head>

    <body bgcolor="yellow">

    <body id="mdj">

   

   <marquee direction=up><font size="8" ><center><p class="text">Happy</marqee>

        <p class="text">Diwali<p class="text">To All Of you</center></font></p>

        <p><center>✨✨🎇🎇🎇🎇🎇🎇🎇✨✨</center></p>

       <center><img src="https://thumbs.dreamstime.com/z/happy-diwali-greeting-card-showing-illuminated-lamp-diya-stock-photo-top-view-oil-panti-forming-design-rangoli-copy-space-101374002.jpg"height=400></img></center>

       <br/>

       <p><center>✨✨🎇🎇🎇🎇🎆🎆✨✨</center></p><br/>

       <p><center>🌹🌹🌹🌹🌹</center></center></p>

      <font size="8"><center><p class="text">I Pray to God</p><p class="text">Complete Your All Wish</center></font></p>

    </body>

   

</html>


CSS CODE


body {

    background-image:url("https://dl.dropbox.com/s/0zthqt8ckhekwow/stary_sky.jpg?dl=0");

    background-size: 90%;

    background-position:top;

    background-color:#ff8c00;

}

.text {

    font-family: 'Satisfy', cursive;

    text-align:center;

    font-size: 40px;

    color: red;

    animation-name: colorchange;

    animation-duration: 4s ;

  

    animation-iteration-count:infinite ;

}

@keyframes colorchange {

    0% {color: indigo; }

    10% {color: pink; }

    20% {color: yellow; }

    30% {color: red; }

    40% {color: green; }

    50% {color: cyan; }

    70% {color: orange; }  

}


OUTPUT




Post a Comment

34 Comments

  1. Great😊😊😊😊😊😊😊😊 happy diwali

    ReplyDelete
  2. Wow its really wonderful wishing for all of us💝💝💝💝💝💝

    ReplyDelete
  3. Very good
    Kally👌🏽👌🏽👌🏽👌🏽👌🏽

    ReplyDelete