运行代码 缩小
汉王
HTML代码
复制 格式化 注释 注释 清空
放大
AخA
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
  <meta charset="utf-8">
5
  <title>transform-style的3D效果测试</title>
6
<style>
7
*{font-size: 14px;color: #fff; padding:0; margin:0;}
8
#container {
9
    position: relative;
10
    height: 300px;
11
    width: 300px;
12
    -webkit-perspective: 500;
13
    margin-top: 200px;
14
    margin-right: auto;
15
    margin-left: auto;
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
CSS代码...
x
 
1
JS代码
复制 格式化 注释 注释 清空
放大
JS代码...
xxxxxxxxxx
1
 
1
名称
CSS 3D效果,transform-style的3D效果测试
分类
CSS3
描述
CSS 3D效果,transform-style的3D效果测试代码,再此说明一下:必须使用webkit内核开发的浏览器查看效果,比如用谷歌的Chrome或苹果的Safari。当然效果最棒的还是Safari了,动画过渡的很细腻平滑。
收藏