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

自从Wordpress自带的主题上放置了一个可以伸缩的搜索框后,这种效果的文本域在新兴的网站上出现的越来越多。实现这种效果其实很简单,鼠标点击下面的搜索图标,你会看到搜索框出现,并慢慢变长。使用简单的几行CSS就能完成它,当然,前提条件是,你要使用支持CSS3的现代浏览器,比如谷歌浏览器,火狐浏览器。

背景动画如果用的恰当,会给网页带来意想不到的效果。在过去,我们只能用flash或Javascript来实现。幸运的是,CSS3的流行使得我们完全可以使用它来实现这种效果,不在依赖其它编程技术。一段简单的CSS代码就能轻而易举的达到下面的效果。

提示:将鼠标放到立方体上,会发现更炫的动画效果。(用谷歌浏览器观看效果最佳) 前后上下左右

如何用纯CSS画出一个三角形图案 假设这有一个方块。 方块有一个上边框。 还有其它三个边。 注意这些边框在方块 […]

提示:点击清空画面。  

慢悠悠的云

提示:在画布上移动你的鼠标。

用鼠标撕扯布面 按住右键拖拽鼠标可割破布面

看见下面的这些三角形箭头了吗?它们可是用纯CSS画出来的! 使用真实页面元素绘制的纯CSS三角形 使用伪元素绘 […]

请阅读详解用CSS绘制3D旋转立方体 下面的旋转立方体是不是非常的帅呆了! 横向旋转立方体 前 后 上 bot […]

我以前用Flex实现了一个能走动的时钟,但Adobe丢弃了Flex后,我觉得用HTML5的画布(canvas)功能重新做出效果一样的时钟。下面是它的效果图: