Libraries
This box starts with Animate.css and jQuery (from data-css-urls and data-js-urls). Click the Libraries button in the toolbar to search for more.
Hello, libraries!
body {
font-family: system-ui, sans-serif;
padding: 1em;
}
$('#bounce, #shake').on('click', function () {
const effect = 'animate__' + this.id;
$('#title')
.removeClass('animate__bounce animate__shake')
.addClass(effect)
.one('animationend', function () {
$(this).removeClass(effect);
});
console.log('Using jQuery', $.fn.jquery, 'to', this.id);
});