8 animovaných tlačítek v CSS pro Váš web zdarma


b7

Již dlouho jsme Vám na Webzoom.cz nenabídli zajímavé zdroje a nástroje přímo pro tvorbu webů. Jelikož naše sekce se scripty a již připravenými řešeními trochu zaostává, rozhodli jsme se dnes připravit aktualizaci. Níže naleznete již hotová řešení buttonů, která můžete použít pro své weby. Všechna tlačítka obsahují demo a tutoriál pro použití přímo na vašich stránkách ve vašich zdrojových kódech.

1. 3D checkboxy – přepínače využívající CSS3

Náhled tlačítekOdkaz ke stažení

Asi tato grafika tlačítek nezapadne do každé stránky, nicméně věříme, že někteří z vás tento zdrojový kód zdarma využijí. Graficky tyto přepínače vypadají parádně a rovnou nabízejí hned 4 verze.

b1

2. Animované tlačítko pro sdílení

Náhled tlačítekOdkaz ke stažení

Tento snippet se bude hodit pro Vaše blogy nebo magazíny využívající sdílení na sociálních sítích. K dispozici je hned několik verzí.

b2

3. Otevírající se Twitter follow button

Náhled tlačítekOdkaz ke stažení

Další sociální tlačítko od stejných autorů jako výše. Pěkná a rychlá animace pro „follow“ Twitter účtu.

b3

4. CSS3 tlačítka s hover efektem a patternem

Náhled tlačítekOdkaz ke stažení

Vytvořte na svém webu hezké a moderní menu s hover efekty.

b4

5. Download button i se zdrojovým PSD

Náhled tlačítekOdkaz ke stažení

Další hezký button. Tentokrát použitelný jako call-to-action pro stažení souboru. Mimo zdrojového CSS také soubor obsahuje PSD soubor ve Photoshopu.

b5

6. Flat tlačítka s přechodem

Náhled tlačítekOdkaz ke stažení

Moderní a jednoduchá flat tlačítka v několika verzích a barevných variantách.

b6

7. Progress button

Náhled tlačítekOdkaz ke stažení

Další z řady flat tlačítek. Tentokrát s animací progress (loading) baru.

b7

8. Feedback buttony

Náhled tlačítekOdkaz ke stažení

Moderní animované ikonky pro feedback. Hodí se například k hodnocení nebo správě souborů či videí.

b8

Líbil se Vám tento článek? Můžete jej sdílet přes sociální sítě...

Pin It

Relevantní články