Animace jednoduše? Zkuste Animate.css

Potřebujete na web přidat různé animované efekty, ale nestihli jste se ještě doučit animační zápisy v CSS? Nevadí, pro základní animace si vystačíte s připravenou sadou efektů v balíčku Animate.css.

Sada animací v balíčku Animate.css je velká 16,6 kB a používá se opravdu jednoduše. Stačí přidat odpovídající třídu ke zvolenému HTML prvku, který se má animovat, a ten se rozpohybuje.

Celý zápis je následující. Nejprve přidáte k prvku třídu animate. Poté třídu reprezetnující zvolený animační efekt a nakonec volitelně třídu infinite, která zajistí nekonečné animování.

Tedy například <p class=”animate flash”>odstavec</p> způsobí zablikání odstavce. Kompletní přehled všech efektů a tříd najdete na stránce daneden.github.io/animate.css. Odkaz ke stažení z GitHubu je tamtéž.