首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

CSS3 3D transform创设立方体

2012-07-04 
CSS3 3D transform创建立方体首先建立html结构#cube { transition: transform 1s }要点:cube里的元素是一

CSS3 3D transform创建立方体

首先建立html结构


要点:

cube里的元素是一个整体,所有的transform都受到影响

一般是cube里的元素先transform到相应的位置,然后对cube进行transform

transform顺序很重要

transform总是和原始状态比较,不是和当前状态比较,如果没有用transition就没有动画,直接从一个状态变到另一个

transition会负责如何从当前状态到下一个状态,如果你想控制这个过程,应该用CSS3中的animation


http://desandro.github.com/3dtransforms/docs/cube.html

热点排行