16伸缩
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>伸缩16</title> <style> .box-card{ height: 314px; width: 50%; background-color: #fff; border-radius: 4px; box-shadow: 0 2px 2px rgba(10,16,20,24),0 0 2px rgba(10,16,20,12); transition: all 0.5s; margin: 24px 8px; padding-bottom: 48px; position: relative; } .box-card:hover{ box-shadow: 0 8px 8px rgba(10,16,20,24),0 0 8px rgba(10,16,20,12); text-decoration: none; height: 200px; } </style> </head> <body> <div class="box-card"></div> </body> </html>
白大褂&小孙