Untitled
unknown
plain_text
a year ago
663 B
9
Indexable
<!DOCTYPE html> <html> <head> <style> .container { width: 200px; height: 50px; position: relative; background: #ddd; border-radius: 25px; overflow: hidden; box-sizing: border-box; } .button { width: 50%; height: 100%; position: relative; float: left; line-height: 50px; text-align: center; cursor: pointer; transition: all 0.3s ease; border: none; } .button:hover { background: #bbb; } #button1 { background: #f00; } #button2 { background: #0f0; } </style> </head> <body> <div class="container"> <div class="button" id="button1">Button 1</div> <div class="button" id="button2">Button 2</div> </div> </body> </html>
Editor is loading...
Leave a Comment