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

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

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

Grab the latest Sunrisers Hyderabad's IPL Jersey and related stuffs | Sunrisers Hyderabad | SRH

By
Image
Sunrisers Hyderabad's 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 Sunrisers Hyderabad in this article: 1) David Warner Named Jersey 2) Kane Williamson Named Jersey 3) Team Jersey For Orange Army Fans 4) Team Jersey For Orange Army Little Fans 5) Cap For Orange Army Fan
Read more