HTML5和CSS3实现3D转换效果 CSS3的3D效果
上次，我们一起研究了css3的2d模块，这次我们一起来看一下css3的3d模块。 首先，我们来了解一下3d的坐标系，x轴在屏幕上为水平方向，y轴为垂直方向，而z轴为垂直于屏幕的方向。 不理解的话可以参考定位属性的z-index属性，那个在某种意义上就是让元素在z轴的移动 ...
原文：超酷 CSS3/HTML5 3D 飘带菜单实现教程
今天我们来介绍一款很有创意的CSS HTML 菜单，首先菜单是飘带形状的，看起来很优雅，这种菜单在个人博客中用的比较多，不仅干净利落，而且很具有个性化。另外，这款菜单在鼠标滑过菜单项时，将会出现 D的凸起效果，并且会改变菜单项的背景颜色，效果非常的酷，你可以从在线演示中查看这一效果。 你也可以在这里查看在线演示 下面我们来一起看看实现这款CSS 飘带菜单的具体过程以及源代码。源码主要由HTML代码 ...
2014-08-14 08:48 13 2658 推荐指数：
相关推荐
基于HTML5和CSS3构建3D模型
关于CSS 3D的研究，其实早在2013年就开始了。无奈受限于当时的浏览器兼容性以及硬件性能等原因，对3D的一些探索也只是停留在DEMO阶段。这里可以参考我之前Github上的一个3D房屋模型DEMO。 CSS 3D的应用是我们一直在思考的，虽然近几年来浏览器和硬件有了很大提升，但基于CSS ...
CSS3 3D立方体翻转菜单实现教程
今天我们来看一个非常有创意的CSS3 3D菜单，这个菜单的菜单项是可以旋转的长方体，鼠标滑过是长方体即可旋转，看看下面的效果图，是不是感觉非常酷，我觉得这个菜单很适合用在咱们开发人员的个人网站上。 当然你也可以直接到这里去查看这款菜单的DEMO演示。 接下来还是分析一下这款CSS3菜单 ...
7款超酷HTML5 3D动画精选应用及源码
对以前来讲，3D动画拿到网页上展示是一件非常奢侈的事情，第一是浏览器不够先进，第二是大部分只能用flash实现伪3D。HTML5的出现，让实现网页3D动画变得非常简单，当然前提是你不要再使用像IE678之类的浏览器了。下面精选的几款HTML5 3D动画，希望你会喜欢。 1、HTML5 SVG ...
超酷！纯CSS3烧烤动画实现教程
今天在老外的网站上看到一款很有创意的纯CSS3动画，是模拟烧烤活动的。款动画模拟了一个烧烤架，烧烤架上的食物也都是用纯CSS3绘制而成，没有用一张图片，效果相当逼真。另外一个有意思的是，这个CSS3烧烤架还会冒烟，模拟了烧烤时的情景。 在线演示 源码下载 接下来简单分析一下实现的代码 ...
8款超酷的HTML5 3D图片动画源码
可爱的CSS3圆盘时钟动画 之前我们分享过一些基于CSS3和jQuery的圆盘时钟，比如纯CSS3实现 ...
超酷HTML5和CSS3实现的登录及其注册功能表单
在线演示 本地下载 过去我们开发登录和注册功能大都使用javascript来实现，今天我们介绍的这个登录及其注册表单不走常人路，使用纯CSS3和HTML5来实现同样的功能。 这里我们使用CSS3的伪类:target。我们使用CSS3和图标字体。主要的想法是展示登录表单并且提供一个链接 ...
分享10 个超酷的 HTML5/CSS3 应用及源码
特效。 在线演示 源码下载 2、HTML5 3D Google搜索，小盒子大世界 HTML ...