D. Siderholm. «CSS3 pentru web designeri“
În loc de listare mai multe proprietăți, care doresc să aplice o tranziție, puteți utiliza toate valoarea. Apoi, tranziția va fi aplicată la toate proprietățile posibile.
Înlocuiți lista de culoare de fundal și pe toate de valoare. Acum, aceste tranziții vor avea aceeași funcție și durata de timp.
padding: 5px 10px; fundal: # 9c3;
-webkit-tranziție: toate 0.3s usurinta; -moz-tranziție: toate 0.3s usurinta; o- tranziție: toate 0.3s ușurință; tranziție: toate 0.3s usurinta;
a.foo: Hover, a.foo: focus Utilizarea tuturor - un mod convenabil de a urmări toate schimbările care au loc în statele: Hover. se concentreze. activă. care elimină necesitatea de a lista fiecare proprietate are nevoie de marcarea tranziției.
D. Siderholm. «CSS3 pentru web designeri“
Care sunt proprietățile de tranziție aplicabile
Abilitatea de a crea o interacțiune complet flexibilă este clară. Vom utiliza unele dintre aceste proprietăți, în combinație cu trecerea la capitolul următor și exemplele de mai târziu în carte.
D. Siderholm. «CSS3 pentru web designeri“
D. Siderholm. «CSS3 pentru web designeri“
Utilizați cu înțelepciune
Precum și toate instrumentele noi lucioase, tranziții ar trebui să fie utilizate în cazul în care acestea sunt relevante. Este foarte ușor să rupă sensul proporției și adăugați tranziții la toate elementele de pe pagină, astfel transformându-se într-un monstru pulsează iritant. Este important să se știe unde tranzițiile îmbunătățesc interfața și locului unde trebuie doar să adăugați zgomot suplimentar. În plus, este de asemenea important să se asigure că tranzițiile nu interferează cu utilizatorul atunci când acesta reacționează rapid cu site-ul (de exemplu, se mută brusc se concentreze de la un element de meniu la altul). Folosiți cu atenție și în mod rațional tranziții.
Acum, că ne-am asigurat o bază solidă pentru CSS-tranzițiile din punct de vedere tehnic, putem să le utilizeze pentru a netezi cooperarea în exemplele care urmează, începând cu capitolul următor. Deci