Demo for 7 javascript-effect alternatives using CSS 3 for webkit browsers

Effect 1: Fade Block

Place mouse on me i will fade!


Effect 2: Pulsate Block

Place mouse on me i will pulsate


Effect 3: Nudge

Place mouse on me my text will shift


Effect 4: Expand Block

Place mouse on me my border will expand


Effect 5: Bounce Block

Place mouse on me i will bounce!


Effect 6: Spin Block

Place mouse on me i will spin


Effect 7: Accordion

This is first tab

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is second tab

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

This is third tab

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

View original post     Follow us on twitter      Subscribe to RSS