来源:2-2 实际创建3D场景

哎呦喂裸奔

2014-08-04 12:58

为什么我这段代码在浏览器中没反应啊,也没有旋转啊,Why?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style>

#wrap{

-webkit-perspective:800px;

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

-webkit-transfrom-style:-webkit-preserve-3d;

}

#main{

width:500px;

height:500px;

background:blue;

margin:100px auto;

-webkit-transfrom:rotateX(45deg);

}

</style>


</head>


<body>

<div id="wrap">

<div id="main"></div>

</div>

</body>

</html>


写回答 关注

2回答

  • 夏目与一
    2014-08-30 22:19:28

    声明是html4的- -

    你的改成<doctype html>

  • 哎呦喂裸奔
    2014-08-05 15:31:52

    受不了了,又是单词写错了,以前就犯过这样的错误,form写成from了。

CSS3 3D 特效

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

78568 学习 · 425 问题

查看课程

相似问题