Download v1.0

Thank you for comments

ShakeBorder jQuery Plugin

Shake and Border (Demo)

ShakeBorder jQuery

Quick start

1.- Include the files

    <!-- Bootstrap and JQuery -->
    <link rel="stylesheet" href="bootstrap.min.css">
    <script src="jquery.min.js"> </script>
    <!-- Plugin -->
    <link rel="stylesheet" href="ShakeBorder.css">
    <script src="ShakeBorder.js"></script>
2.- Create HTML Element

   <img class="ShakeAndBorder" alt="Cubexy.js"  src="img/jquery-html5-avtargenerator-Cubexy.png" />

<img class="ShakeAndBorder" alt="SimpleCalculadora" src="img/jquery-bootstrap-calculator.png" />

<img class="ShakeAndBorder" alt="3dCover" src="img/jquery-css3-cover3d.jpg" />
3.- Call the the plugin on a container as your wish

4.- All done!


you can custom by passing options when call the plugin, all available options are listed below. call the the plugin on a container wish you wish

                    option: value,
                    option2: value2
Demo (Options)

        shake:true, /* enabled shake  effect */
        border:true /* enabled border effect*/

Shake enabled=false

        $('.NoBorder').ShakeBorder({ shake: false });

border enabled=false

        $('.Noshake').ShakeBorder({ border: false });