Special Independence Day Edition Wth HTML CSS

Namashkar Dosto,

Mera naam hai Sameer Mansoori Aur apka 1 bar fir se swagat hai hamare is channel Technical School (Unlimited Ultimate ) per.

Friends aj hm kuj alag yha sikhne wale hai are nahi nahi aap esa mt sochiye ke hum technical se alag htkr kuj krne wale hai.

Actually Tuesday ko 15 August 2017 / yani independence mtlb apna azadi ka din hai to usi k usi k hisab se aj hum yha kuj krne wale hai isme alag bat y k aj tk apne jyadater videos ya images hi dekhe honge ya fir khud s click kiye hone Aj hum kuj technical style m apna swatntrata divas mnaenge aur esa hi kuj bnane wale hai to chaliye start krte hai.....

Friends yha per mene video link bhi diya hua hai youtube ka to aap wha jakr bhi dekh sakte hai aur main yha aapko source code bhi provide kra dunga to aap us ke through try kar skte hai.

Basically friends maine jo apna channel start kiya aur ye blog jo abhi tk mene complete nhi kiya actually thora time ka problem chal rha hai so aur abhi to main apko Hindi apni mother tongue me hi sikha rha hu qki Web designing ke tutorials to aapko mil jayenge but jyadater m language ka problem hota hai to isi liye jisse k indian beginners ko learning mai koi problem face na ho.

but in Earlier future u'll get these all contents in 3 languages 1) Hindi 2) English 3) Hinglish.

to iske source code :-

Source for HTML:-

<html>

<head>



<title> Independence Day Special</title>

<link href="IndependenceStyle.css" rel="stylesheet"></link>

</head>

<body>

<div class="loader">

<h1> INDIA</h1>

</div>

</body>

</html>

Source For External CSS:-

body
{
 margin: 0;
 padding: 0;
 background: white0p9;
 font-family:arial;
}
.loader
{
 position:absolute;
 top: 50%;
 left: 50%;
 transform:translate(-50%,-50%);
}
.loader h1
{
 margin: 0;
 padding: 0;
 text-transform: uppercase;
 font-size:10em;
 color:rgba(155,255,255,.1);
 background-image: url(img.png);
 background-repeat: repeat-x;
 -webkit-background-clip:text;
 
 animation: animate 15s linear infinite
}
@keyframes animate
{
 0%
 {
  background-position: left 0px top 80px;
 }
40%
 {
  background-position: left 800px top -50px;
 }
80%
 {
  background-position: left 1800px top -50px;
 }
100%
 {
  background-position: left 2400px top 80px;
 }

 
 
 
}


Image:-


Important Note:-

                              please when you create CSS file provide same name in HTML. it'll call as per External CSS rule. so please mind it and agar aap same ese hi copy paste kar rahe hai to please CSS file ka name same rakkhe or CSS file ko usi folder me save kare jisme aapne HTML file ko save kiya hai. aur jo image aap le jo yha hai INDIAN Flag to usko img.png se hi save kare.

Technical School

Search This Blog

Special Independence Day Edition Wth HTML CSS

Labels

Comments

Post a Comment