CSS3 के साथ कीफ्रेम्स का उपयोग करके लेफ्ट मूविंग एनिमेशन बनाने के लिए निम्नलिखित कोड आज़माएं:
उदाहरण
<html> <head> <style type = "text/css"> h1 { -moz-animation-duration: 3s; -webkit-animation-duration: 3s; -moz-animation-name: slidein; -webkit-animation-name: slidein; } @-moz-keyframes slidein { from { margin-left:100%; width:300% } 75% { font-size:300%; margin-left:25%; width:150%; } to { margin-left:0%; width:100%; } } @-webkit-keyframes slidein { from { margin-left:100%; width:300% } 75% { font-size:300%; margin-left:25%; width:150%; } to { margin-left:0%; width:100%; } } </style> </head> <body> <h1>Tutorials Point</h1> <p>यह अतिरिक्त कीफ्रेम के साथ टेक्स्ट परिवर्तन करने के लिए लेफ्ट एनिमेशन का उदाहरण है।</p> <button onclick = "myFunction()">पेज रीलोड करें</button> <script> function myFunction() { location.reload(); } </script> </body>
