前端设计

前端设计
前端设计

cssplay-hzswipe 图片转换特效

阅读(23) 赞(0)

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

前端设计

CSS3无前缀脚本prefixfree.js及Animatable介绍

阅读(20) 赞(0)

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

前端设计

HTML5 Modernizr使用方法

阅读(38) 赞(0)

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

前端设计

10款最佳HTML5绘图工具

阅读(38) 赞(0)

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

前端设计

HTML5 canvas 敲碎视频特效

阅读(34) 赞(0)

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

前端设计

impress.js 非常牛逼的前端装X利器

阅读(47) 赞(0)

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

前端设计

Animate.css 一款强大的预设css3动画库

阅读(37) 赞(0)

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

前端设计

HTML5 SVG蝴蝶飞舞动画3D效果超逼真

阅读(39) 赞(0)

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

前端设计

HTML5技术秀:你的3D立体旋转名字

阅读(62) 赞(0)

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

前端设计

有趣的Google键盘弹奏音乐电吉他

阅读(23) 赞(0)

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

前端设计

HTML5 鲸鱼鼠标跟随动画特效代码

阅读(42) 赞(0)

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

前端设计

HTML5爆炸粒子文字动画特效

阅读(77) 赞(1)

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