<html>
<head>
<link rel="stylesheet" href="./index.css" />
</head>
<body>
<div class="container">
<div class="water-drop">
<div>1</div>
<p>水滴的形状，由border-radius直接控制</p>
</div>
<div class="water-drop">
<div>2</div>
<p>通过box-shadow调整水滴的视觉通透性</p>
</div>
<div class="water-drop">
<div>3</div>
<p>通过hover和animation、transition，设定水滴动效</p>
</div>
</div>
</body>
</html>
