DIV wafting dynamic effects

You can make use of CSS3 animation effects

.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. First Div is set to right: -400px, it does not appear in the screen

2. In a triggering event, the right set to zero or other values, such Div will appear on the screen, since the above-described characteristics, it has been displayed 0.3 seconds Div