यसले वेबपेजमा एनिमेसन दिने काम गर्दछ । यसको कोड @keyframes{}हो ।यसलाइ लेख्दा @keyframes एनिमेसनको नाम {यहाँ %को हिसाबले सि एस एस लेख्ने } कुन ठाउँमा एनिमेसन राख्ने हो त्यहाँ animation:एनिमेसनकोनाम कतिपटकचलाउने कति समय चलाउने ; भनेर लेख्ने जस्तै animation: textchange infinite 5s; textchange एनिमेसन को नाम हो infinite नसकीने गरि 5s पाँच सेकेण्ड हो । ☞ भिडियो पनि हेर्नुहोस् ।
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="css.css"><!--यो लिङ्कले बाहिर लेखिएको सि एस एस फाइललाइ जोडेको छ ।-->
<title>Document</title>
</head>
<body>
<h1>यसले वेबपेजमा एनिमेसन दिने काम गर्दछ । यसको कोड @keyframes{}हो ।यसलाइ लेख्दा @keyframes एनिमेसनको नाम {यहाँ %को हिसाबले सि एस एस लेख्ने } कुन ठाउँमा एनिमेसन राख्ने हो त्यहाँ animation:एनिमेसनकोनाम कतिपटकचलाउने कति समय चलाउने ; भनेर लेख्ने जस्तै animation: textchange infinite 5s; textchange एनिमेसन को नाम हो infinite नसकीने गरि 5s पाँच सेकेण्ड हो ।
☞ भिडियो पनि हेर्नुहोस् </h1>
<p> </p>
</body>
</html>सि एस एस को कोड
p::before{
content: "सिकौ";
font-family: 'Righteous', cursive;
font-size: 30px;
animation: textchange infinite 5s;
}
@keyframes textchange{
1%{}
2%{}
3%{}
4%{}
5%{
content: "सिकौ र सिकाऔ";
}
6%{
content: "हामि सिक्नेछौ ";
font-size: 40px;
background-color: black;
color: white;
}
7%{
content: "हामि सिकाउने छौ ";
}
8%{}
9%{}
10%{}
11%{}
12%{}
13%{}
14%{}
15%{}
16%{}
17%{}
18%{}
19%{}
20%{}
21%{}
22%{}
23%{}
24%{}
25%{}
26%{}
27%{}
28%{}
29%{}
30%{}
31%{}
32%{}
33%{}
34%{}
35%{}
36%{}
37%{}
38%{}
39%{}
40%{}
41%{}
42%{}
43%{}
44%{}
45%{}
46%{}
47%{}
48%{}
49%{}
50%{
content: "हामि सबैलाइ समान ब्यबहार गर्छौ";
}
51%{}
52%{}
53%{}
54%{}
55%{}
56%{}
57%{}
58%{}
59%{}
60%{}
61%{}
62%{}
63%{}
64%{}
65%{}
66%{}
67%{}
68%{}
69%{}
70%{}
71%{}
72%{}
73%{}
74%{}
75%{}
76%{}
77%{}
78%{}
79%{}
80%{}
81%{}
82%{}
83%{}
84%{}
85%{}
86%{}
87%{}
88%{}
89%{}
90%{}
91%{}
92%{}
93%{}
94%{}
95%{}
96%{}
97%{}
98%{}
99%{}
100%{}
}