Submit your widget

Multiple Shake and Border with jQuery

Created 3 years ago   Views 7523   downloads 1579    Author oscaruhp
Multiple Shake and Border with jQuery
View DemoDownload 77.4 KB
17
Share |

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

           $('.ShakeAndBorder').ShakeBorder();
               

4.- All done!

Options

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

 $('.ShakeAndBorder').ShakeBorder({
                    option: value,
                    option2: value2
       });
           

Read more:http://oscaruhp.github.io/ShakeBorder/