تأثير الإنزلاق بجميع الإتجاهات

@-webkit-keyframes slide{ from{transform:translate(-1000px, 0px);} to{transform:translate(0px,0px);}} @keyframes slide{ from{transform:translate(-1000px,0px);opacity:0} to{transform:translate(0px,0px);opacity:1.1;} } #main-wrapper {-moz-animation:slide 4s ;-webkit-animation:slide 4s; animation:slide 4s }

@-webkit-keyframes slide{ from{transform:translate(1000px, 0px);} to{transform:translate(0px,0px);}} @keyframes slide{ from{transform:translate(1000px,0px);opacity:0} to{transform:translate(0px,0px);opacity:1.1;} } #main-wrapper { animation : Sliding 2s; }

@-webkit-keyframes slide{ from{transform:translate(0, 1000px);} to{transform:translate(0px,0px);}} @keyframes slide{ from{transform:translate(0, -100px);opacity:0} to{transform:translate(0px,0px);opacity:1.1;} #main-wrapper { animation : Sliding 2s; }

@-webkit-keyframes slide {from{transform:translate(0, 1000px);} to{transform:translate(0px,0px);}} @keyframes slide{from{transform:translate(0, -100px);opacity:0} to{transform:translate(0px,0px);opacity:1.1;} #main-wrapper { animation : Sliding 2s; }