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.
reklama

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éž.

Autor článku: Jan Polzer

Tvůrce webů z Brna se specializací na Drupal a Symfony. Obojí také školím spolu se základy SEO. Jsem Acquia Certified Developer a Site Builder a napsal jsem několik knih o Drupalu. Ve volných chvílích cestuji a podnikám výlety. Více se dozvíte na mém firemním webu.

reklama

Komentáře k článku

Přidat komentář

Filtered HTML

  • Povolené HTML značky: <a href hreflang> <em> <strong> <cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <p> <br>
  • Řádky a odstavce se zalomí automaticky.
  • Web page addresses and email addresses turn into links automatically.

Odesláním komentáře souhlasíte s podmínkami Ochrany osobních údajů

reklama
Sledujte Maxiorla na Facebooku

Maxiorel na Facebooku

Poslední komentáře
reklama
reklama
Hosting pro Drupal a WordPress

Hledáte český webhosting vhodný nejenom pro redakční systém Drupal? Tak vyzkoušejte Webhosting C4 za 1200 Kč na rok s doménou v ceně, 20 GB prostoru a automatické navyšováním o 2 GB každý rok. Podrobnosti zde.

Knihy o Drupalu

Kniha Drupal 8 Kniha Drupal 7 333 tipů a triků pro Drupal
Více na KnihyPolzer.cz

@maxiorel na Twitteru

Maxiorel na Twitteru