.socialuttons:before, .socialuttons:after { transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }

.socialuttons:before { top:0; }
.socialuttons:hover:before { top:100%; }

.socialuttons:after { top:100%; opacity:0; }
.socialuttons:hover:after { top:0; opacity:1; }