#black{
width: 400px;
height: 400px;
margin: 0 auto;
background: green;
-webkit-transition:background-color 3s;
}
width: 400px;
height: 400px;
margin: 0 auto;
background: green;
-webkit-transition:background-color 3s;
}
2017-06-29
为什么我的也没有效果呢
<html>
<head>
<title></title>
<style>
#block
{
width:400px;
height:400px;
background-color:#69c;
margin:0 auto;
-webkit-transition:background-color 3s;
}
#block:hover
{
background-color:red;
}
</style>
</head>
<body>
<div id="block">
</div>
</body>
</html>
<html>
<head>
<title></title>
<style>
#block
{
width:400px;
height:400px;
background-color:#69c;
margin:0 auto;
-webkit-transition:background-color 3s;
}
#block:hover
{
background-color:red;
}
</style>
</head>
<body>
<div id="block">
</div>
</body>
</html>
2017-06-29
“为什么六个page要包在一个div里面之后外面还要有一个div???”
包六个page是因为它们实质上是个整体,属于正方体的每一个面,外面包着的div相当于屏幕,我们要透过屏幕去看正方体。
包六个page是因为它们实质上是个整体,属于正方体的每一个面,外面包着的div相当于屏幕,我们要透过屏幕去看正方体。
2017-05-11
3D翻转
#block{
width: 400px;
height: 400px;
background-color: #1B12FA;
margin: 100px auto;
transition:all 2s ease-in 0.2s;
}
#block:hover{
-webkit-transform:rotateX(360deg);
}
#block{
width: 400px;
height: 400px;
background-color: #1B12FA;
margin: 100px auto;
transition:all 2s ease-in 0.2s;
}
#block:hover{
-webkit-transform:rotateX(360deg);
}
2017-04-11