百度未收录

小魔女按钮动效gif卡通形象特效

这是一款按钮动效gif,小魔女卡通形象设计,当鼠标悬停在按钮上时会产生露出小女孩动效,点击按钮还有小魔女跳出的动画效果,可爱有趣。

效果预览

小魔女按钮动效gif卡通形象特效-狐狸库

代码部署

<div id="TrickOrTreat"><a class="trick_or_treat" href="#TrickOrTreat"><span>Trick Or Treat!</span><small>(Hover and click me!)</small></a>
  <div class="container">
    <div class="person-1">
      <div class="body-1">
        <div class="witch-arm left">
          <div class="hand"></div>
          <div class="sleeve"></div>
        </div>
        <div class="witch-arm right">
          <div class="hand"></div>
          <div class="sleeve"></div>
        </div>
        <div class="witch-leg left">
          <div class="shoe"></div>
        </div>
        <div class="witch-leg right">
          <div class="shoe"></div>
        </div>
        <div class="witch-skirt"></div>
        <div class="witch-shirt"></div>
      </div>
      <div class="head">
        <div class="hair-1 left"></div>
        <div class="hair-1 right"></div>
        <div class="face">
          <div class="face-container">
            <div class="blush left"></div>
            <div class="blush right"></div>
            <div class="eye left"></div>
            <div class="eye right"></div>
            <div class="mouth"></div>
          </div>
        </div>
        <div class="hair"></div>
        <div class="hat">
          <div class="hat-top">
            <div class="hat-ribbon"></div>
          </div>
          <div class="hat-bottom"></div>
        </div>
      </div>
    </div>
    <div class="peek">
      <div class="hand left"></div>
      <div class="hand right"></div>
    </div>
    <div class="pumpkin">
      <div class="stem"></div>
      <div class="pumpkin-eye left"></div>
      <div class="pumpkin-eye right"></div>
      <div class="pumpkin-mouth"></div>
    </div>
  </div>
</div>

温馨提示:本文最后更新于2024/04/22 18:07:00。若文章内容或图片失效,请留言联系站长反馈!
!
也想出现在这里? 联系我们
创意广告
小魔女按钮动效gif卡通形象特效-狐狸库
小魔女按钮动效gif卡通形象特效
此内容为付费阅读,请付费后查看
200积分
网络收集
虚拟资源
自动发货
永久使用
本站资源均为作者提供和网友推荐收集整理而来,仅供学习和研究使用,请在下载后24小时内删除,谢谢合作!
付费阅读
© 版权声明
THE END
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容