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

Nikad dosta menu animacija. U ovom tutorialu možete pogledati vertikalnu i horizontalnu menu animaciju.
Napravimo jedan obični menu, možete koristiti <div> i <a> tagove kako sam ja koristio ili <ul> <li> i <a> tagove, vama po želji.

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.

Ako volite neonske efekte, onda je ovo pravi tutorial za vas. U ovom tutorialu ću vam pokazati kako možete sa nekoliko css linija napraviti text sa neonskim efektom  koji će te moći koristiti odmah vidljiv ili samo na hover. Kroz čivat tutorial sam koristio Ubuntu font sa 700 debljine.
Jedino što trebate je jedan <p> element sa <span> elementom unutar njega s teekstom koji želite. Prvi element <p> će mi služiti za stalni neon efekt dok će drugi biti samo na hover. 

Još jedno novo svojstvo CSS-a je calc() funkcija. Dopušta nam da jednostavno računamo aritmetičke operacije u CSS-u. Možemo je koristiti svagdje gdje je potrebno izračunati veličinu. Najbolje od svega je što možemo koristiti različite veličine, kao što su postotci i pixeli. S ovim svojstvom možemo napraviti razlićite okvire  koje prije nismo mogli.