DIV飘出的动态效果

Posted 2021-03-16 golden-jr

利用CSS3特性可以做出动画效果

.trans_300 {

1.  -webkit-transition: all 300ms ease;
2. -moz-transition: all 300ms ease;
3. -o-transition: all 300ms ease;
4.  transition: all 300ms ease;

}

1.先将Div设置为right:-400px，使其不出现在屏幕中

2.在某个触发事件中，将right设置为0或其它值，这样Div将出现在屏幕中，由于设置了上述的特性，0.3秒才显示完Div