Page 84 - COPA VOL II of II - TP -Punjabi
P. 84
ਟਾਸਕ 6: CSS ਐਨੀਮੇਸ਼ਨ ਅਤੇ CSS ਬਟਨ
margin-top: 0px;
CSS ਐਨੀਮੇਸ਼ਨ
ਉਦਾਹਰਨ 1: }
</style>
<!DOCTYPE html> </head>
<html>
<head> <body>
<style> <div id=”a1”>
#a { <div id=”a”>
animation-name: color; <div id=”b”>Welcome to NIMI</div>
animation-duration: 10s; <div id=”c”>a NIMI portal for Online Books</
padding-top: 30px; div>
padding-bottom: 30px; < /div>
f ont-family: Times New Roman; </div>
} </body>
#a1{ </html>
animation-name: text; ਆਉਟਪੁੱਟ
animation-duration: 5s;
animation-iteration-count:
}
#b {
f ont-size: 40px;
t ext-align: center;
f ont-weight: bold;
color: #090;
padding-bottom: 5px;
}
ਉਦਾਹ੍ਨ 2
#c {
f ont-size: 17px; <!DOCTYPE html>
f ont-weight: bold; <html>
t ext-align: center; <head>
} <style>
@keyframes color { .a {
0 % { f ont-size: 40px;
background-color: red; t ext-align: center;
} f ont-weight: bold;
50% { color: #090;
background-color: orange; p adding-bottom: 5px;
} f ont-family: Times New Roman;
1 00% { }
background-color: green; .b {
} f ont-size: 17px;
} f ont-weight: bold;
t ext-align: center;
@keyframes text { f ont-family: Times New Roman;
from { }
margin-top: 400px; h2 {
} w idth: 550px;
t o { animation-name: text; :
70 IT ਅਤੇ ITES : COPA (NSQF - ਸੰਸ਼ੋਧਭਤ 2022) - ਅਿਭਆਸ 1.31.114
