代码如下所示：
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#div1{
height:300px;
border:1px solid black;
}
polyline{
stroke:red; /*颜色*/
stroke-width:2; /*半径*/
stroke-dasharray:1160; /*总线段长*/
stroke-dashoffset:1160; /* 线段未绘制长度 */
transition:.5s;
fill:none; /*内容*/
}
div#div1:hover polyline{
stroke-dashoffset:0;
}
</style>
</head>
<body>
<div id="div1">
<svg height="213" width="428">
<polyline points="9,9 409,9 409,189 9,189 9,9"></polyline>
</svg>
</div>
</body>
</html>效果图如下所示：
866
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
