来源：未知 时间：2018-02-02 11:39 作者：小飞侠 阅读:次
[导读] 源码： !DOCTYPEhtmlhtmllang=enheadmetacharset=UTF-8titleTitle/titlestyletype=text/css#shape{stroke-width:6px;fill:transparent;stroke:#009FFD;stroke-dasharray:120400;stroke-dashoffset:-210;transition:1sallease}svg:hover#shape{stroke-dasha...
|
源码： <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
#shape {
stroke-width: 6px;
fill: transparent;
stroke: #009FFD;
stroke-dasharray: 120 400;
stroke-dashoffset: -210;
transition: 1s all ease
}
svg:hover #shape {
stroke-dasharray: 50 5;
stroke-width: 10px;
stroke-dashoffset: 0;
stroke: #f00
}
</style>
</head>
<body>
<svg height="40" width="150">
<rect id="shape" height="40" width="150" />
</svg>
</body>
</html> |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
