这是一款HTML5 SVG线条变形动画特效。这个特效demo是一个轮播图分页导航的例子,在每个分页圆点上都有一个SVG圆形线条,当用户点击其它圆点时,圆形线条以平滑过渡的方式运动到下一个位置。使用方法操作SVG需要使用gsap的TweenMax.min.js库。script src="path/to/TweenMa
2018-02-04 01:35JS九宫格布局随机闪烁特效是一款用padding实现高度自适应,百分比实现宽度自适应,整体九宫格适应屏幕,并随机获取标签和颜色,利用定时器实现开始和停止。
2018-02-04 01:35这是一组使用纯CSS3制作的青蛙表情符号动画特效。这组青蛙表情符号共12种表情,表情符号通过CSS3 transform和animation来制作动画效果。使用方法HTML结构最基本的青蛙表情符号的HTML结构如下:div class="icon"div class="frog" id="frog-1"div class="body"div class="m
2018-02-04 01:35这是一款简单的纯js点击按钮弹出登录对话框特效。该特效在用户点击登录按钮时,在屏幕中间弹出一个登录对话框,该对话框可以使用鼠标来进行位置拖动,整体效果简洁大方。使用方法HTML结构登录对话框的HTML结构如下:div class="ui-dialog" id="dialogMove" onselectstart
2018-02-04 01:35jquery-scrolla是一款页面滚动触发动画插件。jquery-scrolla插件可以在页面向下或向上滚动时,进入视口的元素会触发指定的CSS3动画。它和animate.css完美结合,可以执行animate.css中的任何CSS3动画效果。使用方法在页面中引入jquery和scrolla.jquery.min.js以及animate.
2018-02-04 01:35swingdrag是一款基于jquery UI的拖拽摇摆效果插件。它在原生jquery ui拖拽效果的基础上,使用CSS3的transitions 和 transforms来添加一些炫酷的摇摆效果。安装可以通过npm来安装swingdrag插件。npm install swingdrag 使用方法在页面中引入jquery和jque
2018-02-04 01:35