1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <!DOCTYPE html>
| <html lang="en">
| <head>
| <meta charset="UTF-8">
| <meta name="viewport" content="width=device-width, initial-scale=1.0">
| <link rel="stylesheet" href="styles.css">
| <title>SVG按钮动画</title>
| </head>
| <body>
| <div class="button-container">
| <svg class="border-svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 50">
| <rect class="border-rect" width="200" height="50" />
| <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">按钮</text>
| </svg>
| </div>
| </body>
| </html>
|
|
