前端设计

2016-12-16 阅读(22) 赞(0)

在访问网站时候，偶然发现一款不错的图片拖动转换的效果，就整理了一下，仅供学习使用，有点缺憾就是不够自适应 原文：http://www.cssplay.co.uk/menu/cssplay-hzswipe.html

2016-12-13 阅读(20) 赞(0)

一、引导之言 虽然现代浏览器支持CSS3，但是一些过往的版本或是目前有些CSS3属性的应用还是离不开前缀的。像box-shadow, border-radius这类属性，目前较新版本的浏览器都是不需要前缀的（包括IE9），但是...

2016-12-13 阅读(38) 赞(0)

Modernizr 是一个很小的用来检测下一代 Web 技术原生实现可用性的 JavaScript 库。 HTML5 和 CSS3 都引入了各自的新特性，但是同时也有很多浏览器不支持这些新特性。 Modernizr 提供了一种简单的方式检测...

2016-12-10 阅读(35) 赞(0)

HTML5无疑是当前最受宠的一项技术，每个web设计者都在热烈的讨论这种神奇的标记语言的兴起。HTML5是一种学起来毫不费力的标记语言，但它却能提供迷人的、富有艺术性的特征，帮助web设计人员完成他们的构思...

2016-12-10 阅读(34) 赞(0)

这绝对是这里最吸引眼球的一个演示——一个视频镜面爆破效果的奇异呈现。当你点击播放中的视频画面时，画面会破裂成碎片并四散开去，更奇妙的是，破碎的画面小碎片里仍然在播放它应有的那部分画面，很快所...

2016-12-10 阅读(47) 赞(0)

如果你已经厌烦了使用PowerPoint制作PPT，那么impress.js是一个非常好的选择，用它做的PPT更加直观，效果也非常的不错。装X是需要一定代价的，不过如果你是个前端爱好者那么一切就没问题了。当然如果你能...

2016-12-09 阅读(323) 赞(2)

页面特效 超炫的页面切换动画效果

2016-12-09 阅读(33) 赞(0)

简介 animate.css 是一个来自国外的 CSS3 动画库，它预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、翻转（flip）、旋转（rotateIn/rotateOut）、淡入淡出（fadeIn/fadeOut）等多达 60 多种动画效...

2016-12-09 阅读(38) 赞(0)

这次我们要分享的这款HTML5动画简直就是逆天，利用SVG制作的3D蝴蝶飞舞动画，蝴蝶飞舞动画非常逼真，蝴蝶飞舞的路线是利用SVG构造的。另外，动画使用了一张立体感很强的天空背景图，让蝴蝶飞舞时更加显得...

2016-12-09 阅读(61) 赞(0)

这是一个很酷的HTML5技术应用，用户可以在画布上用画笔写出自己想看的文字或图案，这个应该能将你写的东西用3D方式呈现，而且让它围着中心3D旋转，只要你设计的巧妙，你可以绘制出让人惊叹的效果和图案。

2016-12-09 阅读(45) 赞(0)

SVG时钟走动图标特效，圆形电子表指针走动，超逗啊，有一群时钟，这下可看的清楚了，基于HTML5的网页动画，指针在随系统时间一秒一秒的走动! 下载

2016-12-09 阅读(23) 赞(0)

这是当年Google为纪念莱斯·保罗而设计的Google首页LOGO，它利用HTML5技术实现了电吉他弹奏效果。这款Html5电吉他不仅可以鼠标滑过琴弦发出音乐声，而且可以利用键盘来弹奏出美妙的乐章，懂音律的朋友可以...

2016-12-09 阅读(38) 赞(0)

之前看到过同样效果的一款鲸鱼鼠标跟随动画特效，不过可惜的是那个动画是用flash制作的。今天介绍的这款源码是基于HTML5的鲸鱼动画，鲸鱼会随着鼠标的移动而游动，画面非常立体，鲸鱼也超级逼真。真的，Ht...

2016-12-09 阅读(80) 赞(0)

CSS3与HTML5实现的个性Checkbox复选框和单选按钮Radio特效，多种风格，将复选框和单选按钮变成不同的形状，演示了选中状态和不选中时候的样子，特别适合用于移动应用。 原文教程：http://tympanus.net/cod...

2016-12-09 阅读(74) 赞(1)

HTML5爆炸粒子文字动画特效基于Html5 canvas、easeljs-0.7.1.min.js、requestAnimationFrame.js和TweenLite.min.js等技术制作，在文本框输入文字，点击“试试吧”，出现爆炸粒子效果文字动画显示。支持中...