Praksa razvoja internetskih resursa rezultirala je dva značajna trenda: percepcijom brzine i kvalitete. Prva obveza developera da rade svoj posao brzo, drugi - određuje granice svrsishodnosti.
Sintaksa i semantika animacije
Elementi prekrivanja i interakcije
Slika elementa je od velike važnosti. U danom primjeru, traka se oblikuje od slike na kojoj se nalaze dvije linije različitih boja. Kada povećate veličinu trake - to je pila, dok pomičete pilu - to je pokretni val. Manipulirajući linije i njihovu naklonost, možete oblikovati učinke općih zakona grafike. Promjena vremena animacije također rezultira nestandardnim odlukama. Korištenje svojstva transformacije, na primjer, funkcija rotacije elementa, oblikuje izvorne promjene. Primjer:
Ovdje traka stalno mijenja svoj izgled iz neprozirnog stanja u prozirnom. Donja slika u isto vrijeme samo mijenja oblik.
CSS: animacija teksta ima posebno značenje. Tekst je uvijek važan i prisutan je na web-stranici za određenu svrhu. Ali tekst je uvijek manje informativan od slike, ali je potrebno puno prostora.
Jamstvo da će ispravno napisani tekst biti shvaćen od strane posjetitelja mnogo je veće od očekivanja ispravnog razumijevanja slike, pogotovo kada dizajner stranice ima ideju o oblicima izražavanja.
Ako je prije, kada je CSS animacija došla u svijet rasporeda, postojale su popularne linije za trčanje, bljeskanje satova, pulsirajući tekstovi, onda se u modernoj gradnji stranica smatra normalnim načelom: ne uznemirujući posjetitelja, što učinkovitije predstaviti funkcionalnost web resursa. U tom kontekstu, bilo koji od gore navedenih primjera pogodan je za prikazivanje tekstualnih informacija, ali je CSS kao 3D animacija najpraktičnija opcija.
Informacije o animaciji
Ako je prije, kada je CSS animacija došla u svijet rasporeda, postojale su popularne linije za trčanje, bljeskanje satova, pulsirajući tekstovi, onda se u modernoj gradnji stranica smatra normalnim načelom: ne uznemirujući posjetitelja, što učinkovitije predstaviti funkcionalnost web resursa. U tom kontekstu, bilo koji od gore navedenih primjera pogodan je za prikazivanje tekstualnih informacija, ali je CSS kao 3D animacija najpraktičnija opcija.
Ovdje u "normalnom" stanju tekst zauzima malo mjesta. Možete odabrati glavnu riječ ili označiti sadržaj. Čim miš dođe u tekstualno područje, on se otvara CSS 3D animacijom u normalnom čitljivom stanju. Mogućnost uštede prostora u kombinaciji s 3D dizajnom omogućuje kompaktno postavljanje informacija. Ispražnjeno mjesto može se koristiti za druge ili srodne svrhe. Zbog CSS animacije potrebne informacije bit će dostupne u pravo vrijeme.
Značajni uspjesi u stvaranju visokokvalitetnih web-resursa i dalje izostavljaju jedno najčudnije pitanje: zašto je dizajn stranice briga razvojnog programera? Stranica nije umjetničko djelo, a ne rezultat kreativnog procesa u estetske svrhe. Stranica je, prije svega, funkcionalnost koja će, po mišljenju vlasnika (developera), dovesti nove posjetitelje na raspolaganje i omogućiti vam rad s klijentima.
Prodaja proizvoda, pružanje usluga, izvođenje jednog ili drugog posla Posjetitelj dolazi za robu, usluge i radove. Dizajn i animacija su važni, ali gledište posjetitelja je sveIsto je važnije od mišljenja vlasnika (developer). Ako je u redovnoj trgovini kupac uvijek u pravu, zašto onda u internetskoj trgovini treba učiniti sve onako kako je programer došao s predloženim dizajnom? Animacija u kontekstu CSS-a je izvrstan alat, ali zašto ne ići malo dalje: koliko potrošača, toliko varijanti izražavanja funkcionalnosti i dizajna. Mogućnost "animacije potrošača" je kada postoji nešto što je programer sugerirao, što su prethodni potrošači izabrali i što trenutni potrošač misli.