这是一组使用CSS3制作的超酷鼠标滑过图片标题动画特效。这组特效中共有8种不同的鼠标滑过效果,它们都是通过CSS3 transform来制作遮罩层的各种动画特效。使用方法在页面中引入imghover.css文件。link rel="stylesheet" type="text/css" href="css/imghover.css"
2018-02-03 03:20这是一款非常实用的jQuery和CSS3可自动隐藏的导航菜单设计。该设计中,导航菜单在页面向下滚动时会自动进行隐藏,在页面向上滚动时,菜单又会自动出现。使用方法HTML结构该导航菜单设计的HTML结构包含几个部分:header.cd-auto-hide-header是主导航菜单。main.cd-main-co
2018-02-03 03:20这是一款基于TweenMax的炫酷手机APP环形导航菜单设计效果。该环形菜单默认为一个汉堡包按钮,当用户点击按钮时,子菜单会一个接一个绕着汉堡包按钮出现,效果非常酷。使用方法HTML结构该环形菜单特效的HTML代码非常简单,如下:div class="bg"/divdiv class="phone"div c
2018-02-03 03:19这是一款简单效果非常炫酷的带视觉差效果的jQuery幻灯片特效。该幻灯片特效基于flickity幻灯片插件来制作,通过切换背景图片层来实现视觉差效果。使用方法在页面中引入jquery,flickity.pkgd.js和flickity.css文件,以及特效需要的样式文件style.css。link rel="styleshe
2018-02-03 03:19这是一款使用CSS3制作的鼠标滑过图片标题文字动画特效。该特效在鼠标滑过图片的时候,会展现遮罩层,并在遮罩层上以旋转的方式使图片描述文字逐一展现。使用方法HTML结构DEMO中使用bootstrap的网格系统来进行布局。整个图片放置在一个.box容器中,它里面的.box-content是
2018-02-03 03:19强大的动画库插件anime.js是一款可以和CSS3属性,SVG,DOM元素和JS对象一起工作,制作出各种高性能,平滑过渡的动画效果。
2018-02-03 03:19HoverSlippery是一款可以制作导航超链接鼠标滑过动画特效的jQuery插件。该插件可以制作4种鼠标滑过效果,分别是:胶囊跟随效果,双线跟随效果,下划线跟随效果和上划线跟随效果。使用方法在页面中引入jquery和hoverSlippery.js文件。script src="jquery.min.js" type="te
2018-02-03 03:19这是一款简单的网页背景滚动视觉差特效。该背景视觉差特效使用几句简单javascript语句即可完成,在页面滚动时,背景图片和网页元素可以形成滚动视觉差效果。使用方法HTML结构在body中放置你需要的HTML元素。bodydiv!--可以是任何内容--/div/bodyCSS样式将body元素的高度设
2018-02-03 03:19jquery.ripple.js是一款小巧的基于HTML5 Canvas的水波涟漪jQuery插件。该插件可以在一张图片上,通过鼠标点击制作出逼真的水波涟漪效果。使用方法在页面中引入jquery和jquery.ripple.js文件。script src="jquery.min.js" type="text/javascript"/scriptscript src="jquer
2018-02-03 03:19images-grid是一款仿Facebook图片画廊效果的jQuery插件。该jQuery图片画廊插件默认在图片数量超过5张的情况下,只显示前5张图片。当用户点击图片缩略图时,会以全屏lightbox的方式显示图片,通过前后导航按钮来查看所有的图片。默认的图片画廊布局如下:使用方法在页面中
2018-02-03 03:19