Continuous Color Changing Text Animation using CSS | HTML and CSS Tricks

By
Continuous Color Changing Text Animation using CSS | HTML and CSS Tricks


text.html

<html>
    <head>
        <title>Text Color Animation</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <p class="text">Hello, Welcome to LearnoPhile</p>
        <p class="content">Please SUBSCRIBE this channel for more videos like this ...<br>Get the source code of this from the link in the description...<br>Thanks for watching this video....Please Like Video and SHARE it with your Friends....See you soon in the  next video.....BYE :) !!!</p>
    </body>
</html>


style.css

.text{
    padding: 5px;
    font-family: cursive;
    font-size: 40px;
    animation: heading 5s linear infinite;
}
.content{
    padding: 3px;
    font-family: sans-serif;
    font-size: 20px;
    animation: description 5s linear infinite;
}
@keyframes heading{
    0%{color: cadetblue}
    30%{color: crimson}
    50%{color: yellow}
    70%{color: chartreuse}
    100%{color: darkgoldenrod}
}
@keyframes description{
    0%{color: yellow}
    30%{color: cornflowerblue}
    50%{color: brown}
    70%{color: fuchsia}
    100%{color: forestgreen}
}


Continuous Color Changing Text Animation using CSS | HTML and CSS Tricks

Continuously Border Color changing CSS Animation

Design HERO IMAGE with CSS Effects | CSS EFFECTS | HERO IMAGE | Main Image| WEBSITE DEVELOPMENT





I am a Engineering student. I have keen interest in knowing about the technological advancements. I started writing blog for people who have interest in releases and rumors of gadgets and applications. So this is my small step to impart information to people about what I know.

Comments

Post a Comment

Popular posts from this blog

Continuously Border Color changing CSS Animation

By
Image
Continuously Color changing CSS Animation Border.html <html>     <head>         <title>Border Change Color</title>         <link rel="stylesheet" href="style.css">     </head>     <body>         <div class="background">             <div class="foreground">                 Hello, welcome to LearnoPhile... This is a border color changing CSS Animation<br>So this is all about making border color change using CSS Keyframes<br>If you like this video then please SUBCRIBE our channel LEARNOPHILE and  Share video with your friends.<br>                 Hit the LIKE button and Notification Bell....Thanks for watching...See you soon in our next video.... :) !!!<br>                 You can get the CODE of this from link in the description... Or you can directly go too our blog - Digi App-Mart (digiappmart.blogspot.com)... !!!             </div>         </div>     </b
Read more

Deals to make your Kitchen Modern | How to give your Kitchen a Modern Look with Kitchen Appliances

By
Image
Deals to make your Kitchen Modern Deals to make your Kitchen Modern. Oh Yes, you heard it right. In today's modern world when we have adopted technology in almost every walk of life then why should our Kitchen be left behind.There are variety of smart appliances available to make your life easier and to make your Kitchen Complete.  The smart devices range from a modern chimneys to smart refrigerators, microwaves, coffee makers, dish washers, modern stove, inductions and designed compartments . Whatever may be your requirement, you can find everything ranging from Technical aspects to decorative aspects. But the question is how to find the best for you? Before buying, first look for your requirements, your needs, your Kitchen space and last but not least your available Budget.  As, we all know Amazon Great Indian Sale is live from 17th October, so you shouldn't miss this chance to Grab deals on your smart appliances and make your Kitchen Modern. Let's see some of the must re
Read more

Grab the latest Rajasthan Royals' IPL Jersey and related stuffs | Rajasthan Royals | RR

By
Image
Rajasthan Royals' IPL Jersey and related stuffs Hello Cricket Lovers, Grab the latest IPL 2020 Players Named Jersey to show support to your favorite team.  The biggest festival of the year for Cricket Lovers IPL has already started. Although this year due to COVID-19, fans couldn't watch the Live match in the stadium but this cannot decrease their enthusiasm and love for their favorite team. So, to boost your enthusiasm we are here to provide you the information regarding how you can buy jersey of your favorite teams, which you can wear when you watch match on your TV screens or mobile screens. This is your chance to show your love to your favorite teams so grab this chance and make your IPL 2020 memorable at home. Let's have a look at jersey of Rajasthan Royals in this article: 1) Team Jersey For RR Fans 2) Team Jersey For RR Small Fans(8-9 years ) 3) Team Jersey For RR Small Fans(12-13 years ) 4) Team Jersey For RR Little Fans(1-2 years ) 5) Steve
Read more