<<web>>漂亮的相册(二)

下面为之前做的相册，添加鼠标移动图形2d变换的行为，我们可以快速变换，也可以满速变换，就是过渡。transition.

1，快速变换

div.polaroid
{
width:310px;
padding:10px 10px 20px 10px;
border:4px solid #BFBFBF;
background-color:white;
/* Add box-shadow */
box-shadow:10px 30px 10px #aaaaaa;
}

div.polaroid:hover{
width:410px;
padding:30px 30px 30px 30px;
border:10px solid #BFBFBF;
background-color:white;
/* Add box-shadow */
box-shadow:20px 50px 20px #aaaaaa;
}

2，慢速变换，过渡

大小，颜色，高度，改变，并且2d旋转，加入浏览器的版本特性区别

div.polaroid
{
width:310px;
padding:10px 10px 20px 10px;
border:4px solid #BFBFBF;
background-color:white;
/* Add box-shadow */
box-shadow:10px 30px 10px #aaaaaa;
}
div.polaroid:hover{
width:410px;
padding:30px 30px 30px 30px;
border:10px solid #BFBFBF;
background-color:blue;
/* Add box-shadow */
box-shadow:20px 50px 20px #aaaaaa;

}