css3過渡動畫:
transition:width 500ms(執(zhí)行500毫秒) ease,height 500ms ease 500ms(延遲),background-color 500ms ease 1s
變成圓角
transition:border-radius 500ms ease;
所有的一起:
transition:all 500ms ease
div:nth-child(1){
transition:all 1s }
移動
.box{
....
position:
}
.box .pic_info{
width:
height:
background-color:
position:absolute;
left:
top:
transition:all 500ms ease;
}
.box hover .pic_info{
top:
}
變形:
位移:
transform:translate(50px,50px);
旋轉(zhuǎn):
transform:rotate(30deg)
transform:rotate()