按钮图标

CSS3炫酷点击按钮3D翻转动画特效

阿里云


flipside 是一款使用 css3 和 js 制作的炫酷点击按钮无缝过渡到确认面板的过渡动画特效。该点击按钮特效在按钮不同方向的边部点击时,产生的过渡动画特效是不一样的。该点击按钮特效在按钮不同方向的边部点击时,产生的过渡动画特效是不一样的。使用该按钮过渡动画特效需要引入它提供的按钮样式表 style.css 和用于触发按钮点击事件的 js 文件 script.js。

HTML 结构

该点击按钮过渡动画特效使用一个嵌套 div 的 HTML 结构:

也想出现在这里?联系我们
创客主机
  1. <div class="btn">
  2.   <div class="btn-back">
  3.     <p>Are you sure you want to do that?</p>
  4.     <button class="yes">Yes</button>
  5.     <button class="no">No</button>
  6.   </div>
  7.   <div class="btn-front">Delete</div>
  8. </div>

完成上面的步骤后,该按钮点击特效即可使用。下载包中提供了 SASS 文件,你可以自行修改按钮和确认面板的样式。

CSS3 炫酷点击按钮 3D 翻转动画特效

已有 474 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(0)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!