提示：如果大家觉得本篇实现的弹窗效果有用，可持续关注。接下会添加更多效果并且封装成插件，这样使用就方便了。 CSS3特殊效果 CSS3为用户添加了三个特殊效果的处理方式：过渡、动画、变化。当用户和界面元素交互时，使用这些特殊样式可大大改善用户的体验效果。这些效果直接由浏览器引擎处理，可以节省开销。尽 ...
分类：
Web程序 时间：
2016-07-18 02:29:18
阅读次数：
316
这是一款使用CSS3制作的鼠标滑过图片标题文字动画特效。该特效在鼠标滑过图片的时候，会展现遮罩层，并在遮罩层上以旋转的方式使图片描述文字逐一展现。 在线预览 源码下载 使用方法 DEMO中使用bootstrap的网格系统来进行布局。整个图片放置在一个.box容器中，它里面的.box-content是 ...
分类：
Web程序 时间：
2016-07-15 09:28:39
阅读次数：
185
上次做项目的时候，要求点击链接，这个链接的圆形背景扩散充满整个页面，今天把这个效果整理一下，是简单的css3的动画特效，粘贴下面的代码看效果 ...
分类：
Web程序 时间：
2016-07-14 19:27:11
阅读次数：
166
CSS3为我们带来了令人惊叹的新特性，而最有趣的就是CSS动画。向大家推荐这50个CSS动画集合可以让你通过使用JavaScript函数来让动画更生动。为了能够预览到这些惊人的CSS3技术带来的动画特效，请大家使用如Safari和Chrome这类基于WebKit内核的浏览器。(IE浏览器谢绝观赏~) ...
分类：
Web程序 时间：
2016-07-14 09:52:35
阅读次数：
218
在线预览 源码下载 css3鼠标滑过图片文字动画特效是一款常用的5种纯css3实现的鼠标滑过图片动画效果。悬停效果有：1.鼠标悬停图片变大文字消失、2.鼠标悬停文字消失、3.鼠标悬停整体旋转、4.鼠标悬停整体旋转放大、5.鼠标悬停整体上升 加入前端爱好者QQ群(123235875) 点击加群，共同交 ...
分类：
Web程序 时间：
2016-07-13 19:37:45
阅读次数：
235
这是一组纯CSS3人物信息卡片UI设计效果。这组人物信息卡片共9种效果，每种效果在鼠标滑过卡片时，通过CSS3使图片和HTML元素变形生成 非常漂亮的鼠标滑过动画特效。 在线预览 源码下载 使用方法 该人物信息卡片的基本HTML结构如下： 为卡片添加一些通用样式： .single-member{ w ...
分类：
Web程序 时间：
2016-07-13 06:50:09
阅读次数：
385
众所周知，一个元素，动往往比静更吸引眼球； 一套操作界面，合适的动态交互反馈能给用户带来更好的操作体验； 一个H5运营宣传页，炫酷的动画特效定能助力传播和品牌打造。 近两年，小到loading动画，表单动效，大到各式各样H5运营页的炫酷展现，“动效设计”一词可谓是火遍大江南北，而动效设计早已成为一名 ...
分类：
其他好文 时间：
2016-07-02 17:17:14
阅读次数：
175
脚本简介 HTML5 Canvas彩色小球碰撞运动特效是一款基于canvas加面向对象制作的运动小球动画特效。 效果展示 http://hovertree.com/texiao/html5/39/ 效果图如下：代码如下： <!DOCTYPE html> <html lang="en"> <head> ...
分类：
Web程序 时间：
2016-06-22 15:50:23
阅读次数：
228
animation复合属性。检索或设置对象所应用的动画特效。 如果有多个属性值时以"，"隔开，适用于所有元素，包含伪对象:after和:before 1.animation-name 检索或设置对象所应用的动画名称 必须与规则@keyframes配合使用，eg:@keyframes animatio ...
分类：
Web程序 时间：
2016-06-12 12:23:47
阅读次数：
223
mooTools是一个简洁，模块化，面向对象的JavaScript框架。它能够帮助你更快，更简单地编写可扩展和兼容性强的JavaScript代码。 Mootools跟prototype相类似，语法几乎一样。但它提供的功能要比prototype多，而且更强大。比如增加了动画特效、拖放操作等等。而且拥有 ...
分类：
其他好文 时间：
2016-06-05 10:57:48
阅读次数：
172
