Difference between revisions of "Animate"
Jump to navigation
Jump to search
| Line 23: | Line 23: | ||
// you have to install jquery UI to get the Easein functiolality | // you have to install jquery UI to get the Easein functiolality | ||
</pre> | </pre> | ||
[http://easings.net/ Different ease animations] | [http://easings.net/ Different ease animations]<br> | ||
[[#top|Back To Top]]< — >[[JQuery|Category]]< — >[[Main_Page| Home]] | [[#top|Back To Top]]< — >[[JQuery|Category]]< — >[[Main_Page| Home]] | ||
Revision as of 23:18, 26 December 2016
Animate
HTML
<div id="filters"> <button id="filter-berry">Toggle berry flavors</button> <!-- <button id="filter-citrus">Toggle citrus</button> --> </div>
Jquery
$('#filter-berry').click(function(e) {
e.preventDefault();
$('#cart-water').find('.berry')
.animate({
'margin-left': '50',
'height': '70',
'opacity': '.5',
'font-size': '120%'
}, 3000,easeInOutElastic);
});
// you have to install jquery UI to get the Easein functiolality
Back To Top< — >Category< — > Home