CSS清爽可爱的雪糕按钮

一款CSS清爽可爱的雪糕按钮特效，鼠标悬停有雪糕的变形动画，也可以点击按钮固定动画效果，个人觉得挺可爱的，喜欢的童鞋请收下哦。

分类：html/css > 按钮难易：入门级

查看演示下载资源下载积分： 10 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

页面的head部分仅需要引入一个CSS样式文件即可，代码如下：

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

页面的body部分也不复杂，主要是把拟人雪糕的各部位放入不同的容器，代码如下：

<div class="fake circle"></div>

<a class="outerhover" href="#">
<div class="circle">
  <div class="popsicle">
    <div class="creamborder"></div>
    <div class="drip"></div>
    <div class="cream"></div>
    <div class="eye"></div>
    <div class="eye"></div>
    <div class="mouth"></div>
  </div>
</div>
<div class="stick"></div>
</a>

<div class="embellishments">
  <div class="heart"></div>
  <div class="heart"></div>
  <div class="heart"></div>
  <div class="sparkle"></div>
  <div class="sparkle"></div>
  <div class="sparkle"></div>
</div>

<div class="hint">点击雪糕</div>