- border-radius: 20px 0px;
- }
- .elem:hover {
- border: 1px solid #000000;
- background: #A74AC7;
- color: #ffffff;
- padding: 8px 8px 8px 8px;
- -moz-border-radius: 0px 20px;
- -webkit-border-radius: 0px 20px;
- border-radius: 0px 20px;
- }
- </style>
- </head>
- <body>
- <h1>Welcome prudhvi...</h1><br><br>
- <a class="elem" href="#">Sample button</a>
- </body>
- /html>
Animation Button in HTML
I think it is useful button code helpful for learners.