CSS font-size प्रॉपर्टी को एनिमेट करने के लिए @keyframes का उपयोग करें। यह टेक्स्ट के आकार को समय के साथ बदलने का एक सरल तरीका है।
उदाहरण
<!DOCTYPE html> <html> <head> <style> p { border: 2px solid black; width: 400px; height: 100px; animation: myanim 5s infinite; } @keyframes myanim { 70% { font-size: 30px; } } </style> </head> <body> <p>This is demo text</p> </body> </html>
व्याख्या: एक पैराग्राफ <p> को 5 सेकंड की अनंत एनिमेशन दी गई है। 70% कीफ्रेम पर font-size 30px हो जाता है, जिससे टेक्स्ट बड़ा दिखाई देता है, फिर वापस मूल आकार पर लौट आता है।
