#12 SIMPLE ANIMATIONS IN CSS
The following is a few examples of web loading animations made entirely in HTML and CSS. jQuery is used to add and remove the CSS animations. For example once the document has loaded a jQuery click event can be triggered like so:
1 |
<strong> jQuery(document).ready(function (${ $('#pulse').click(function({ $('.placeholder').removeClass('wave').addClass('pulse'); }) });</strong> |
index.php
shows a variety of different shapes combined. The following 3 small scripts show their respective shapes. anim.css
holds all the animations.