CSS border-right-color प्रॉपर्टी पर एनिमेशन करें

CSS border-right-color प्रॉपर्टी को एनिमेट करने के लिए @keyframes का उपयोग करें। यह दाएं बॉर्डर का रंग बदलता है।

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          div {             width: 500px;             height: 300px;             background: yellow;             border: 15px solid yellow;             background-image: url('https://www.tutorialspoint.com/latest/testrail.png');             animation: myanim 3s infinite;             background-position: bottom left;             background-size: 50px;          }          @keyframes myanim {             30% {                background-color: maroon;                border-right-color: red;             }          }       </style>    </head>    <body>       <h2>Performing Animation for border right color</h2>       <div></div>    </body> </html>

व्याख्या: 30% कीफ्रेम पर दाएं बॉर्डर का रंग लाल हो जाता है, बैकग्राउंड मैरून। बॉर्डर चौड़ाई नहीं बदलती।