代码改变世界

随笔档案-2012年04月

CurvyCorners -- 让你的IE也支持CSS3圆角

2012-04-28 16:18 by HTML5中文网站, 598 阅读, 收藏, 编辑
摘要: 自从CSS3标准出来后,对于圆角的处理变得更简单了,仅仅用几行CSS代码就能实现圆角。但是,目前还有不少浏览器仍不支持CSS3标准,比如 IE6、7、8,那么我们是否能让IE也支持像CSS3那样的圆角呢?答案是当然可以的,用Javascript吧,这里我向大家推荐一个 Javascript圆角插件CurvyCorners。如果用纯CSS3实现圆角,可以参考一下代码:/*-moz-border-radius 是 Firefox 实现圆角的私有属性*/-moz-border-radius: 5px;/*-webkit-border-radius 是 webkit 内核浏览器(如 Safari 和 阅读全文

HTML5中表单验证的8种方法

2012-04-20 12:34 by HTML5中文网站, 2472 阅读, 收藏, 编辑
摘要: 前一篇,我们介绍了HTML5中新的表单特性和函数, 今天就继续来谈谈HTML5的表单验证。在深人探讨表单验证之前,让我们先思考一下表单验证的真实含义。就其核心而言,表单验证是一套系统,它为终端用户检测无效的控件数据并标记这些错误。换言之,表单验证就是在表单提交服务器前对其进行一系列的检查并通知用户纠正错误。但是真正的表单验证是什么?是一种优化。之所以说表单验证是一种优化,是因为仅通过表单验证机制不足以保证提交给服务器的表单数据是正确和有效的。另一方面,设计表单验证是为了让Web应 用更快地抛出错误。换句话说,最好利用浏览器内置的处理机制来告知用户网页内包含无效的表单控件值。过去,数据在网络上转 阅读全文

使用CSS3打造的精美特效盘点,部分有中文制作教程及源码

2012-04-16 09:11 by HTML5中文网站, 1722 阅读, 收藏, 编辑
摘要: CSS3可以帮你完成很多你意想不到的东西,有些甚至瞬间秒杀了你的眼睛。如果你对WEB前端感兴趣,为何不尝试自己用CSS3弄个小玩意儿,分享给你的朋友?其实我想表达的是,CSS3可以充分挖掘你的想象力,因为它给了你更大的遐想空间。不信?来看看下面几个精彩的CSS3特效吧,有些附有中文制作教程和源码,希望大家会喜欢。1、CSS3 Windows 7开始菜单制作教程及示例和源码2、CSS3 让文字按路径显示这个是让你的一行文字按某个路径轨迹显示,打破了传统横平竖直的显示方式3、CSS3 各种图形的绘制(矩形、圆形、三角形、多边形、爱心、八卦)这个真的很棒,尤其是最后一个八卦,用chrome能看到全部 阅读全文

非常酷的HTML5游戏及部分源码

2012-04-13 08:47 by HTML5中文网站, 3326 阅读, 收藏, 编辑
摘要: 自HTML5标准诞生以来,我们的WEB页面正在以非常快的速度变化着,就拿网页游戏来说,以前我们看到的大多数网页游戏均已Flash游戏为主,当然Flash在当时已经满足了大部分游戏的要求(包括现在的网页游戏仍旧是Flash主流)。但是如今HTML5正在以惊人的速度发展,而HTML5游戏目前虽说没有太大的突破,但随着HTML5的广泛普及和其在移动领域的深入应用,相信HTML5游戏会成为网页游戏的一种趋势,毕竟HTML5和Flash相比与网页的融合性更强,开发更灵活。接下来就向大家分享几个比较酷的HTML5游戏,部分附有源码供学习。(Chrome下最佳)1、HTML5超级玛丽2、HTML5割绳子游戏 阅读全文

9个让你惊呆的HTML5动画特效

2012-04-12 19:56 by HTML5中文网站, 2735 阅读, 收藏, 编辑
摘要: HTML5的确是非常的出色,你不信?好吧,用下面的特效来惊爆你的眼睛吧。以前很多绚丽的网页特效都需要用Flash来完成,而现在,有了HTML5,我们可以更加灵活方便的去创建一些自己喜爱的特效。好了,一起看看下面的9个HTML5特效吧,如果喜欢,可以分享给你的好友。Breathing Galaxies这个HTML5特效随着你鼠标的移动产生很多色彩夺目的光点,等你鼠标静止,光点便渐渐散开来,非常的酷的一个特效Noise Field这个HTM5特效像流动的彩带,流动的方向随着你鼠标方向的改变而改变,甚有一呼百应的感觉Keylight这个HTML5特效和上面两个不一样,这个有声音。用鼠标双击创建一个声 阅读全文

盘点5个典型的CSS3文字特效

2012-04-12 15:31 by HTML5中文网站, 511 阅读, 收藏, 编辑
摘要: 近两年,HTML5和CSS3似乎正在掀起一场互联网的革命,各种人才纷纷涌向了这波浪潮,各种HTML5创新应用也如雨后春笋般冒了出来。的确,这应该是 未来WEB的趋势了。这两天也在学习HTML5和CSS3方面的知识,同时总结了几个典型的CSS3的文字特效,分享到“HTML5中文网站”上。网上CSS3文字特效的例子非常多,但这几个特效应该说都很具有代表性的,其他的也基本都是基于这5个扩展开来的,一起来总结一下吧。3D效果文字主要用到text-shadow的多层堆叠实现平滑的投影效果,并通过transform实现鼠标滑过文字放大及通过transition实现淡入淡出的效果CSS3燃烧文字特效主要通过 阅读全文
点击右上角即可分享
微信分享提示