按钮练习-阴影按钮
<!DOCMENT TYPE>
<html>
<head>
<title>按钮练习-阴影按钮</title>
</head>
<style type="text/css">
*{margin: 0;padding: 0;border: 0;}
button{width: 300px;height: 50px;margin: 20px auto;background: #F74F52;font-size: 26px;color:#fff;}
button:hover{box-shadow: 0px 5px 50px #fff inset;}
</style>
<body>
<button>阴影按钮</button>
</body>
</html>