Wysuwana belka facebooka na stronie

Question

Witam,

Chciałbym osiągnąć na stronie internetowej efekt wysuwanej belki facebooka z prawej strony ekranu po najechaniu myszką. Gdy najeżdżamy myszką to wszystko jest ok, ale potem się buguje. Efekt taki można zobaczyć na stronie http://www.sfora.pl/ (po prawej stronie). I właśnie takie coś chciałbym osiągnąć. Mój kod http://jsbin.com/ragukunoza/edit?html,css,js,output

Comments

JS do tego kompletnie nie potrzebny.

Do .fb wystarczy dodać:

transition: left .5s ease-in-out;

i hover dla .fb

.fb:hover{
  left: 0;
}

 

Answer 1

Porównaj sobie zmiany, jakbyś czegoś nie rozumiał, to pomogę.

http://jsbin.com/qihuniqame/edit?html,css,js,output

Comments

Bardzo dziękuję za pomoc. Działa idealnie jak chciałem

Answer 2

To samo bez js:

http://jsbin.com/junupilowo/1/edit?html,css,js,output

 

@Edit: Cholera, @xmentor przede mną.