HTML5 SVG按钮特效代码下载


HTML5 SVG按钮特效代码下载
HTML5 SVG按钮特效代码下载以及SVG按钮等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="css/style.css">

2. 引入JS

<script src='js/gsap-latest-beta.min.js'></script>
<script src="js/script.js"></script>

3. HTML代码

<button class="button">
    <div class="icon">
        <svg viewBox="0 0 14 15">
            <line x1="5" y1="13" x2="5" y2="1"></line>
            <polyline id="tick" points="1 9.5 5 13.5 13 5.5"></polyline>
            <polyline id="normal" points="1 9.5 5 13.5 9 9.5"></polyline>
        </svg>
        <div>
            <svg viewBox="0 0 24 24"></svg>
        </div>
    </div>
    <ul>
        <li>下载资源</li>
        <li>加载...</li>
        <li>打开文件</li>
    </ul>
</button>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>

相关推荐

发表评论

相关文章