Prev Demo
Shadow Button
Next Demo
Write code here
J
|
B
|
A
<!DOCTYPE html> <html> <head> <title></title> <style> .button1 { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); background-color:pink; } .button2:hover { box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19); background-color:orange; } </style> </head> <body> <p><i><h2>Shadow button</h2></i></p> <button class="button1">TechFunda</button> <button class="button2">TechFunda</button> </body> </html>
Note: We DO NOT save your trial code in our database.
Output
