Posts

Showing posts with the label CSS

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

By
Image
HERO IMAGE index.html <!DOCTYPE html> <HTML>     <HEAD>         <meta charset="utf-8">         <meta name="viewport" content="width=device-width, initial-scale=1">         <!-- CUSTOM CSS -->         <link rel="stylesheet" href="style.css">         <!-- FONT AWESOME 5 -->         <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>     </HEAD>     <BODY>         <!-- HERO IMAGE -->         <header class="hero">             <!--hero image-->             <div class="hero-img"></div>             <!-- WEBSITE TITLE -->             <div class="container">                 <h1 class="title">Website</h1>  
Post a Comment
Read more

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

By
Image
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%{
Post a Comment
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
Post a Comment
Read more

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