Posts

Showing posts with the label Web Development

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

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>  

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

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%{

Continuously Border Color changing CSS Animation

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

Popular posts from this blog

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

Continuously Border Color changing CSS Animation

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