Spry Shake Effect samples


The Shake will move the element to left and right by 20px 6 times. The default duration is 0.5 seconds.


Example 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Duration

The Shake effect allow you to specify a value for the "duration" through its constructor options which will increase the number of times the element will move both sides. The value is set in milliseconds.

The div element in this example will shake for 2 seconds.

<script type="text/javascript">
   var second_example = new Spry.Effect.Shake('example2', {duration: 2000});
</script> 

Example 2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.