特效篇 / 插件篇
总计 13 页,当前第 6 页
本教程将和大家分享一些简单的圆形图标在鼠标hover时的动画效果。这种效果在不少时尚的酷站上都有。本教程中的例子主要是利用在a元素的伪元素上使用CSS transitions和animations来制作。图标的创建将使用 IcoMoon app 来完成。HTML结构:图标组的结构是使用一个div包含一组a元素,给每个a元素设置图标class。<div class="hi-icon-wrap&...
8年前 (2016-11-14)
阅读(4516)
赞一个 (0)
链接直达
CSS3-button-hover-effect-20-type这是一款集合20组不同 CSS3 按钮样式和按钮鼠标滑过特效的插件。这20组CSS3按钮每一组都有3种示例,每一个示例都使用CSS3制作炫酷的鼠标滑过动画。这些按钮适用于各种场合,相信总有一款适合你。该按钮插件中使用鼠标HOVER来作为按钮动画的触发事件,有一些按钮动画效果更适合于鼠标点击事件,这些都可以十分容易修改和实现。请注意这些按钮动画效果只在最新版本的现代浏览器上工...
8年前 (2016-11-14)
阅读(3923)
赞一个 (4)
链接直达
普通的超链接效果是鼠标放上去出现一条下划线,本插件异想天开的使用HTML5 svg和CSS3打造出18种很神奇的超链接动画效果。每种超链接动画效果都有它的独到之处。 在线演示相关阅读7款CSS3鼠标滑过超链接动画特效18种基于html5 svg和css3的神奇超链接动画效果anchor-hover-effect 炫酷鼠标滑过超链接动画特效与众不同的鼠标滑过超链接下划线动画效果21种css3鼠标悬停hover超链接导...
8年前 (2016-11-14)
阅读(2885)
赞一个 (2)
链接直达
anchor-hover-effect是一款炫酷的鼠标滑过超链接动画特效jQuery插件。该插件提供4种超链接动画效果:3D翻转效果,括号动画效果,上下翻转效果和下划线动画效果。使用方法使用该插件需要在页面中引入anchorHoverEffect.css,jquery和anchorHoverEffect.js文件。<link href="css/anchorHoverEffect.css" ...
8年前 (2016-11-14)
阅读(3710)
赞一个 (0)
链接直达
ssi-uploader是一款带预览图并且可以拖拽文件的jQuery ajax文件上传插件。该文件上传插件支持AJAX,支持多文件上传,可控制上的文件格式和文件大小,提供各种回调函数,使用非常方便。安装 可以通过bower或npm来安装ssi-uploader文件上传插件。bower install ssi-uploader
npm install ssi-uploader使...
8年前 (2016-11-14)
阅读(2993)
赞一个 (0)
链接直达
dropify是一款可以拖拽文件到指定区域进行文件上传的jQuery表单文件上传控件美化插件。该jQuery文件上传控件对原生的input元素进行了美化使其能够直接拖动文件到指定区域进行文件的上传操作。使用方法 使用该文件上传美化插件需要引入jQuery,dropify.js和ropify.css文件,以及dist/fonts目录下的所有文件。<link rel="stylesheet"&n...
8年前 (2016-11-14)
阅读(3843)
赞一个 (0)
链接直达
CSS Shake是一个使用CSS3实现的动画样式,使用SASS编写,利用它我们可以实现多种不同样式的抖动效果(如下面的GIF图像)。这是一个很微小的动画,但使用得当也是挺不错的,比如用在广告、图像、按钮上,这样可以用来吸引用户眼球从而促使去点击它。这个Csshake有9个抖动样式,三个状态,如鼠标经过拉动、无限抖动、鼠标悬停拉动,一起来玩一下吧。使用方法要使用csshake,首先要将csshake.css文件引入你的html文件的&l...
8年前 (2016-11-14)
阅读(4449)
赞一个 (0)
链接直达
对话框 MDialog 一款很棒对话框的插件,插件使用非常简单,看源码看demo,一下子就明白了 在线演示 下载...
8年前 (2016-11-14)
阅读(3007)
赞一个 (0)
链接直达
jQuery Countdown是一个倒计时jQuery插件,
jQuery Countdown是一款免费的jQuery倒计时插件,使用非常简单,直接下载源文件拷贝里面的代码到你需要使用的页面,然后自定义倒计时的开始时间即可,缺点是兼容性不是很好,当然只是在像IE6、IE7这样淘汰的浏览器上面不能运行,其它主流浏览器上面还是可以完美运行的。这个一款简单的 jQuery 倒计时插件,用于显示剩余的天数,小时,分钟...
8年前 (2016-11-14)
阅读(3776)
赞一个 (0)
链接直达
超炫酷的多种纯CSS3图片悬停特效动画 在线演示...
8年前 (2016-11-14)
阅读(2838)
赞一个 (0)
链接直达
侧边栏 9种HTML5+CSS3隐藏侧边栏导航菜单动画效果 在线演示 下载...
8年前 (2016-11-14)
阅读(6348)
赞一个 (4)
链接直达
网格加载 8种css3网格加载特效GridLoadingEffects 在线演示 源码及下载...
8年前 (2016-11-14)
阅读(3201)
赞一个 (0)
链接直达