css3立方體的實現

css3立方體實現思路:立方體六個面 通過ul、li來創建每個面。通過浮動把六個面疊在一起,在通過旋轉平移每個面便可實現立方體。六個面中前面要沿着Z軸平移寬度的一半,後面要沿着Z軸平移寬度的一半,但方向相反爲負的寬度的一半。左面需要先沿着Y軸旋轉90度,在平移寬度的一半。右面需要先沿着Y軸旋轉-90度,在平移寬度的一半。上面需要先沿着X軸旋轉90度,在平移寬度的一半。下面需要先沿着X軸旋轉-90度
相關文章
相關標籤/搜索