HTML5货车交互订单按钮特效代码下载


HTML5货车交互订单按钮特效代码下载
HTML5货车交互订单按钮特效代码下载以及货车交互、订单按钮等js/jquery网页特效代码下载。

1. 引入CSS

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

2. 引入JS

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

3. HTML代码

<button class="truck-button">
    <span class="default">点击下单</span>
    <span class="success">
        订单完成
        <svg viewbox="0 0 12 10">
            <polyline points="1.5 6 4.5 9 10.5 1"></polyline>
        </svg>
    </span>
    <div class="truck">
        <div class="wheel"></div>
        <div class="back"></div>
        <div class="front"></div>
        <div class="box"></div>
    </div>
</button>

相关推荐

发表评论

相关文章