纯CSS3的3D旋转立方体_html/css_WEB-ITnose
你对颜色敏感吗?过不了16关就不要再玩手机了!
测测你的眼睛对色差的辨识度,所有的色块中有一个方块的颜色有稍微的不同,你要把它挑出来,在一分钟的时间里,看你能获得多少分,16分以下不要再玩手机了!
趣味游戏:请画一个小人
请随意画出一个小人,它就能活起来,你可以和它一起完成一次充满奇幻色彩的冒险旅程。
HTML5旋转拼图智力游戏
这是一个HTML5 jQuery 益智游戏,玩家需要调换图形的位置来实现目标图案。
动画展示计算机迷宫路径各种搜索算法
十分形象的迷宫搜索算法,能看的计算机如何一步一步的探索路径,障碍物,最终确定最佳,最近的路线图
中文版濒危动物CSS碎片拼图
这里我们用纯CSS技术表现出30种动物的碎片拼图形象,这30动物,非常的可爱,但不幸的是,它们都是濒临灭绝的动物,它们的生存情况正面临着危机。
HTML5小游戏:蓝色拼图
这是一个用HTML5制作的智力游戏,有相当的难度。每个方块一面橙色,一面蓝色。点击一个方块,这个方块的颜色会翻转,并且,与它邻接的方块的颜色也会翻转。使拼板全部变成蓝色, 你就算过关了。
CSS颜色混合模式
虽然并不是Adobe的Photoshop发明了混合模式,但它的实现效果是最真实的。但现在,你不需要使用Photoshop来运用混合模式美化你的图片,因为CSS3里提供里动态的实现这种效果的方法。
你能相信吗?这些都是由一个DIV元素实现的动画,纯CSS3技术
CSS3给Web程序员提供了无限发挥的创造空间,以前只有视频、Flash、JavaScript才能实现的动画效果,如今只需要纯CSS+HTML就能做到。你能相信吗?这里呈现的所有动画,都是由一个DIV元素实现,纯CSS3技术。
HTML5+CSS3特效幻灯片(impress.js)
HTML5和CSS3的诞生和普及必将对传统行业带来巨大的冲击,像微软PPT这样的软件必将慢慢转移的在线的HTML5+CSS3上,因为用HTML5+CSS3实现幻灯片不仅更简单、容易,而且功能更强调,特效更绚丽。impress.js就是这样一款可以让你轻松利用CSS3动画实现具有神奇特效的幻灯片工具。
超链接特效
这里提供了各种各样的超链接特性,有些是借助伪元素,有些是借助svg,有些是借助HTML5动画。用你的鼠标悬停在这些链接上,给你跟传统链接完全不一样的效果感觉。你需要使用现代浏览器,比如谷歌浏览器或火狐浏览器。
CSS发抖
在一个大型项目里我需要制作出抖动的效果。最初我使用的是普通的CSS。
当开发完成后,我发现了这个很酷的jQuery plugin(由@jackrugile开发)。
于是我就开始思考,我应该做出这个小的CSS project。
什么是自适应网页设计?
自适应网页设计,也叫做响应式网页设计(英语:Responsive web design)是一种网页设计的技術做法,该设计可使网站在多种浏览设备(从桌面电脑显示器到移动电话或其它便携设备)上阅读和导航,根据设备尺寸的不同,自动的调整页面上的元素布局和数量。
HTML5技术秀:你的3D立体旋转名字
这是一个很酷的HTML5技术应用,用户可以在画布上用画笔写出自己想看的文字或图案,这个应该能将你写的东西用3D方式呈现,而且让它围着中心3D旋转,只要你设计的巧妙,你可以绘制出让人惊叹的效果和图案。
一个内衣公司用HTML5制作的公益游戏:让爱做主
这是一个生产内衣的公司使用HTML5技术制作的公益游戏。曾获得Cutting Edge技术奖。游戏的主旨是反对印度国内存在的包办婚姻现象。内衣公司的游戏非常有内衣特色。但游戏中使用的技术还是让人佩服的,纯HTML5+JS,整个游戏有很好的互动性,值得游戏设计者学习。
程序员给女朋友用HTML5制作的3D相册
程序员给女朋友用HTML5制作的3D相册,使用鼠标拖拽,能看到3D旋转效果,点击相片,相片能放大,移近。程序员发挥自己的专长,这是那些不懂编程的人望尘莫及的。本相册使用了HTML5的画布技术,需要谷歌浏览器或火狐浏览器等现代浏览器才能正常观看。
上一篇: java并发--全部线程机制实例详解
下一篇: H5+Canvas使用案例详解
推荐阅读
-
HTML5+CSS3 诱人的实例:3D立方体旋转动画实例
-
HTML5 利用CSS3 中的3D 模块绘制一个旋转3D正方体
-
html中css3之3d基本知识点 完成一个立方体的并且让其旋转
-
HTML5 纯CSS3实现正方体旋转3D效果
-
一款纯css3实现的响应式导航_html/css_WEB-ITnose
-
一款简洁的纯css3代码实现的动画导航_html/css_WEB-ITnose
-
自学篇之js 提取复选框和单选框的值 和纯css的3D按钮_html/css_WEB-ITnose
-
一款纯css3实现的机器人看书动画效果_html/css_WEB-ITnose
-
8套迷人精致的CSS3 3D按钮动画_html/css_WEB-ITnose
-
纯CSS3实现漂亮的价格表样式代码_html/css_WEB-ITnose