I have seen on many website’s footer,they have some social links which on hover animates to left and again shifts to original position and i was like wooww!! thats really cool!But being a beginner i had no clue how to achieve the animation,i only knew it must be some jquery stuff ,then suddenly one day CSS3 webkit hit my mind so i decided to do RnD so i came across a name “Nudge Effect” ofcourse Googled and then i realized it was very easy just simple coding now i can animate Left,Right,Upward,Downward and some other cool stuff i have displayed below go on Hover Your Mouse and Check out..![](https://i0.wp.com/2.bp.blogspot.com/-HNFC1JHPWUY/TgSxHsLWdYI/AAAAAAAAAuA/JYnDrcR-JGA/s1600/Screenshot-1.png?resize=5%2C5)
![](https://i0.wp.com/2.bp.blogspot.com/-HNFC1JHPWUY/TgSxHsLWdYI/AAAAAAAAAuA/JYnDrcR-JGA/s1600/Screenshot-1.png?resize=5%2C5)
CSS3 Link Nudge Effect
//CSS3 NUDGE EFFECT SOURCE CODE
CSS3 Transform Effect
\\CSS3 LINK EFFECT
Looking for spin animation,I have created a simple tutorial on it too..CSS3 social Icons Spin Animations