CSS3 anim básica

auxiliar para [(SOPT) Show on Scroll Final](http://jsfiddle.net/brasofilo/gzzk5tq0/)

by brasofilo

HTML

<div class="box"><img width="326" height="150" src="http://dummyimage.com/384x250/23a343/edfcf7&text=Detect+scroll" /></div>
<button>mostrar/esconder</button>

CSS

.box {
    position: fixed;
    width: 326px;
    bottom: 48px;
    right: -384px;
    visibility: hidden;
    -webkit-transition: right 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -moz-transition: right 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    -o-transition: right 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
    transition: right 500ms cubic-bezier(0.265, 0.365, 0.26, 0.865);
}
.display-block {
    right: 0px;
    visibility: visible;
}

JavaScript

$('button').click(function () {
    $('.box').toggleClass('display-block');
});