为什么么效果-慕课网

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

为什么么效果

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

大蚊子1023

2016-10-25 12:02

为什么么效果

写回答关注

2回答

yclycl

2017-05-05 21:02:49

<!doctype html>
<html>
<head>
   <meta charset="utf-8">
   <title>3D 特效</title>
   <style type="text/css">
       *{ margin:0; padding; }/*transition-property:background-color;transition-duration:1s;transition-timing-function:ease;*/
       #block1{ width:400px; height:400px; background-color:#69c; margin:0 auto; transition: 2s; -webkit-transition: background-color 2s; -moz-transition:background-color 2s;}
       #block1:hover{ background-color: #F00; }
       #experiment{perspective:800px; perspective-origin:50% 50%; transform-style:preserve-3d;-webkit-perspective:800; -webkit-perspective-origin:50% 50%; -webkit-transform-style:preserve-3d;-moz-perspective:800; -moz-perspective-origin:50% 50%; -moz-transform-style:preserve-3d;}
       #block{ width:500px; height: 500px; background-color:#3333FF; margin:100px auto;
           transition: 2s}
           #block:hover{transform:rotateX(45deg);-webkit-transform:rotateX(45deg);-moz-transform:rotateX(45deg);}

   </style>
</head>

<body>
   <div id="block1"></div>
   <div id="experiment">
       <div id="block">
       </div>
   </div>
</body>
</html>

0 0
米西米西

2016-10-28 15:56:40

代码呢

0 0

CSS3 3D 特效

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

78572 学习 · 425 问题

相似问题

为什么我看不到有透视效果

回答 3

为什么我的代码没任何效果，能翻页但没有3D效果

回答 2

为什么我的实现不了翻页效果呀？

回答 1

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

回答 1

为什么按老师说的没什么效果呢，望大神指点

回答 3

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