为什么我的第一张出来的效果是6呢-慕课网

首页课程实战体系课手记专栏慕课教程

为什么我的第一张出来的效果是6呢

来源：3-1 创建3D动画效果结构部分

qq_天使的微笑_0

2015-12-17 10:13

<style>

#my3d{-webkit-perspective:800px;

-webkit-perspective-origin:50% 50%;

overflow:hidden;

}

#pagegroup{

width:400px;

height:400px;

margin:auto;-webkit-transform-style:preserve-3d;

position:relative;

}

.page{width:360px;

height:360px;

padding:20px;

background-color:#000;

color:#FFF;

font-size:360px;

font-weight:bold;

line-height:360px;

text-align:center;

position:absolute;

}

#page1{

-webkit-transform-origin:bottom;

-webkit-transition:

-webkit-transform 1s linear;

}

#page2,#page3,#page4,#page5,#page6,{

-webkit-transform-origin:bottom;

-webkit-transition:-webkit-transform 1s linear;

-webkit-transform:rotateX(90deg);}

#op{

text-align:center}

</style>

</head>

<body>

</div>

</body>

写回答关注

2回答

李晓健

2015-12-17 10:49:01
```
#page2, #page3, #page4, #page5, #page6
```
你这行后面多一个，
你的页面结构好像也不完整，后面少了一个 </div> 你问题的原因是上面一个，不是这个
0 0
JIan單

2015-12-17 10:47:10

.page的position属性用错了吧，你换成relative试一试。还有你的div标签没有关闭

0 0

CSS3 3D 特效

使用CSS3当中的属性，创建真实可用的三维效果

78572 学习 · 425 问题

查看课程

相似问题

为什么只有第一放大的动画效果

回答 1

为什么我的代码只显示第一张一点next就白屏了。。。。

回答 3

为什么我的是6在上面

回答 1

请问一下为什么我代码跟老师的一模一样，但是却没有效果呢

回答 5

为什么做出来初始化的值是6在前面啊，为什么不是1

回答 2

打开慕课网App查看更多内容