Curs nou animație CSS în lumea reală

CSS animația este peste tot în aceste zile. Este minunat să vedeți o colecție de centrifugi de încărcare CSS sau să experimentați un efect elegant de diapozitiv de pagini, dar cum putem implementa aceste tehnici pe site-urile și aplicațiile noastre? În animația CSS în lumea reală, veți învăța noțiunile de animație CSS.

Ce veți învăța

Acest curs este despre utilizarea animațiilor CSS în situații din lumea reală. Tuts + instructorul Cory Simmons vă va învăța trucuri practice de animație CSS pentru butoane, elemente de navigare, evenimente de defilare, SVG și modul de aplicare a acestora în mai multe situații pe care le veți întâlni zilnic pe web.

Veți începe cu o prezentare generală a elementelor de bază ale animației CSS, apoi treceți la anumite cazuri, cum ar fi crearea de meniuri derulante animate, animarea SVG-urilor, animarea bazată pe poziția de defilare a paginii și multe altele.

Iată o previzualizare gratuită a unor lecții din acest curs:

Îmbunătățirea stării de mutare a butonului

Urmăriți acest videoclip pentru a înțelege cum funcționează animația CSS, creând câteva animații CSS simple folosind câteva tehnici diferite. În acest proces veți face un buton de tranziție cu un gradient frumos.

Animând SVG-urile și piesele lor

În această lecție veți afla ce SVG-uri sunt, când să le utilizați și cum să le animați și componentele lor compozite.

Animarea bazată pe poziția de parcurgere cu WOW.js

În acest videoclip, veți afla cum puteți anima conținutul sau mass-media în timp ce utilizatorul scroll în jos. Pentru a realiza acest lucru, veți învăța mai întâi principiile, apoi utilizați un mic plugin JavaScript numit WOW.js.

Puteți să vă luați imediat noul curs cu un abonament la Envato Elements. Pentru o singură taxă lunară redusă, veți avea acces nu numai la acest curs, ci și la biblioteca noastră în creștere de peste 1.000 de cursuri video și cărți electronice de vârf din industria Envato Tuts+.

În plus, beneficiați acum de descărcări nelimitate de la biblioteca imensă Envato Elements cu 200.000 de fotografii + 26.000 de proiecte și șabloane de design. Creează cu fonturi, fotografii, grafică și șabloane unice și oferă proiecte mai bune mai rapid.