Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> CSS

Animation cho border-bottom-right-radius với CSS

Để triển khai animation trên thuộc tính border-bottom-right-radius với CSS, bạn có thể chạy đoạn mã sau:

Ví dụ

<!DOCTYPE html> <html>    <head>       <style>          div {             width: 500px;             height: 400px;             background: yellow;             border: 10px solid yellow;             border-bottom-right-radius: 150px;             background-image:url('https://www.tutorialspoint.com/latest/electronic_measuring_instruments.png');             animation: myanim 3s infinite;             background-position: bottom left;             background-size: 50px;          }          @keyframes myanim {             20% {                background-color: maroon;                background-size: 90px;                border-bottom-color: green;                border-bottom-right-radius: 50px;             }          }       </style>    </head>    <body>       <h2>Performing Animation bottom border right radius</h2>       <div></div>    </body> </html>