U ovom tutorialu naučit će te kako se kreira side menu sa animacijom, te animaciju hamburger menu tipke.

Koristio sam 2 glavna elementa na stranici sa class-om left_menu i page.
left_menu class se sastoji od nekoliko elemenata, a to su:

• menu_btn u kojem se nalaze 3 span elementa koja služe za hamburger menu ikonu
• <ul> element u kojem se nalaze linkovi menu-a

page class se sastoji od dva djela, a to su:

• title class koja sadrži naslov stranice
• text class u kojoj se nalazi text stranice sa lorem ipsum textom

Ako ste koristili bootstrap onda ste sigurno koristili i njegov modal. Jako je koristan ako želimo prikazati neku obavijest ili formu, a ne želimo opterećivati stranicu sa previše sadržaja. U ovom tutorialu ću vam pokazati nekoliko class-a modala s kojim možete na lagan način promijeniti njegov primarni izgled.

Svi volimo Star Wars filmove. Zadnji film je tek i izašao I sudeći po komenatrima izgleda da se fanovi neće razočarati ni ovaj put. Ja ga idem gledati danas. Od svega najviše volim svjetlosne mačeve stoga sam u ovom tutorialu za vas napravio Star Wars svjetlosni mač sa CSS animacijom.

U ovom tutorialu možete naučiti jednostavne hover animacije sa funkcijom klika. Za ovaj tutorial korišten je samo jQuery i Font Awesome

Prvo što trebate napraviti jest dodati tag <p> sa klasnom btn, a boju koju koju će te dodjeliti btn -u možete koristiti po želji. Zatim dodate dva <span> taga, prvi se koristi za prikaz teksta, a drugi za prikaz font-awesome ikone.

Sviđa vam se naš Zcode top menu. U ovom tutorialu možete vidjeti kako ga jednostavno napraviti u par koraka.
Prvo šta morate napraviti jest kreirati unordered html listu <ul> klase menu.