标签归档:HTML5

height为auto的transition动画

css3给我们带来了很多美好的东西,比如动画,再也不用使用jQuery来做低效的动画模拟了。不过想来大家也知道css3 transition动画的一些限制,比如说一个高度为auto的div,你是不能够使用transition: height来生成平滑的伸展效果的,按照css3的说… 更多 »

Kendo UI使用小小记

之所以说小小记,是因为我根本没有好好用它,只是正好前些日子接触了一下,觉得还不错,随手记记~ 契机 我从加入现在这个公司以来,半专业的承担了很多前端相关的事情,用过不少前端框架,也为框架和原生的页面写了不少部件和功能,对于IE系列浏览器的憎恶也与日俱增。“每个程序员都有一个框架梦… 更多 »

Impress.js中文教程

我假设凡是对这篇文章有兴趣的朋友都是知道impress.js的,如果不知道,您可以搜索一下,或者更直接的,请往下看,您就明白了。 impress.js中文范例 —— 这个可一定要看一下,不然哪有动力应付下面一堆蚊子? 或许有些朋友在寻找如何使用impress.js这个奇妙的工具的… 更多 »

新做了个博客主题

老主题厌倦了,现在处处吹简洁风,我也来俗套一把~ 结果就是这样的,不再有图,除了文章里的,颜色尽量的少,事实上就三四种颜色,文字的灰色,链接的绿色或蓝色(链接为什么要两种颜色?对啊…… 为什么啊,下个版本链接就一种颜色!),加上背景的白色,简约又简单,不错不错…… 有几个地方得记… 更多 »

HTML5中的Canvas(径向渐变)

说明完了线性渐变,我们再来看看径向渐变,其实我觉得两者是一回事儿……只不过径向渐变的浏览器兼容性更糟糕一些(现在已经好多了),为了不出洋相,我们还是要多知道一些。 什么是径向渐变 又要解释一下什么叫径向渐变,其实就是环形的渐变了,由圆心(或者是较小的同心圆)开始向外扩散渐变的效果… 更多 »

HTML5中的Canvas(线性渐变)

这一章讲解Canvas绘图中的线性渐变,不过呢,渐变的处理在各种浏览器中还略有不同,我们也会就这方面做一些说明。 什么是线性渐变 所谓线性渐变,是指从开始地点到结束地点,颜色呈直线的徐徐变化的效果。为了实现这种效果,我们绘制时必须制定开始和结束的颜色。而在Canvas中,不仅可以… 更多 »

HTML5中的Canvas(颜色)

这一次讲解Canvas中的颜色应用,同时Canvas中的颜色还能带透明,太酷了~~ 指定颜色 现在为止我们画的图形都是黑色的,这是Canvas绘制的默认色彩,要想换一种颜色的话,就得在实际画之前指定颜色。

—— 指… 更多 »

21个酷毙了的HTML5演示

再介绍几个HTML5的实例,相信各位看了,一定会大叫,“WoW!”。我是用Chrome浏览器观看确认过了,其他的浏览器不知道能不能正常观看…… 1、8位图像循环 这个演示可以产生惊人的动画效果,潺潺流水声加256色画面,不过看样子每一帧都可以使用独立的调色板,所有实际的动画效果要… 更多 »

HTML5中的Canvas(绘制)

Canvas中不仅可以画线(路径),还能画很多其他的图像,这一章就介绍Canvas的其他两种绘图API。 矩形 我们在上一章只用线来画了一个矩形,其实可以一下子就画出来的,用下面函数: ctx.fillRect(x, y, width, height) 画一个填充的矩形,x, y… 更多 »