你這代碼寫進去怎么沒有效果
你這代碼寫進去怎么沒有效果
東方男孩3142619
2016-04-11
2 回答
舉報
0/150
提交
取消
你這代碼寫進去怎么沒有效果
2016-04-11
舉報
2016-06-02
#d01{
? ? ? ? margin:0 auto;
? ? ? ?width: 500px;
? ? ? ?height: 500px;
? ? ? ?text-align: center;
? ? ? ?font-weight: 900;
? ? ? ?font-size: 100px;
? ? ? ?-webkit-transform-style:preserve-3d;
? ? ? ?-webkit-perspective:800px; /* Safari 和 Chrome */
? ? ? ?-webkit-perspective-origin: 200% 50%; /* Safari 和 Chrome */
}
#d02{
? ? background: navajowhite;
? ? transform: rotateX(45deg);
? ? /*transition: height 2s ease-in,background-color 2s ease-out, width 2s ease-in-out, font-size 2s ease, rotate 10s;*/
}
/*#d01:hover{
? ? background: paleturquoise;
? ? width: 1000px;
? ? height: 700px;
? ? font-size: 300px;
? ? ? ? perspective: 800px;
? ? ? ? perspective-origin: 50% 50%;
? ? ? ? transform-style: preserve-3d;
? ? ? ? transform: rotateX(90deg);
? ? ? ? }*/
? ? </style>
</head>
<body>
<div id="d01">
? ?<div id="d02">
? ? ? ?Tee
? ?</div>
</div>
這樣就行 必須在父層元素上做3D的設(shè)置 在子元素哪里進行位置偏轉(zhuǎn)
w3c官方文檔這樣的3D設(shè)置只支持Chorme ? Safari
2016-04-11
???