Transzfer az összes lehetséges állapot
D. Siderholm. «CSS3 a webes tervezők”
Ahelyett, hogy a hirdetést több tulajdonságát, amely alkalmazni kívánja átmenetet, akkor használja a minden értéket. Ezután az átmenet lesz alkalmazva minden lehetséges tulajdonságait.
Cserélje ki a lista a háttér és a szín minden értéket. Nos, ezek az átmenetek lesz az azonos időtartamú és az idő függvényében.
padding: 5px 10px; háttér: # 9c3;
-WebKit-átmenet: minden 0.3s könnyű; -moz-átmenet: minden 0.3s könnyű; -o-átmenet: minden 0.3s könnyű; átmenet: minden 0.3s könnyű;
a.foo: hover, a.foo: fókusz Használata minden - a kényelmes módja annak, hogy nyomon követheti az összes változások zajlanak az Egyesült Államokban: hover. összpontosítani. aktív. amely szükségtelenné felsorolni minden ingatlan igénylő jelölés az átmenet.
D. Siderholm. «CSS3 a webes tervezők”
Milyen tulajdonságokkal átmeneti alkalmazandó
Képes-e létrehozni egy teljesen rugalmas kölcsönhatás egyértelmű. Mi lesz ezzel néhány ilyen tulajdonságokkal együtt a lépés, hogy a következő fejezetben, és a példák később a könyvben.
D. Siderholm. «CSS3 a webes tervezők”
D. Siderholm. «CSS3 a webes tervezők”
Használd okosan
Csakúgy, mint a fényes, új eszközök, átmeneteket kell alkalmazni, ha azok relevánsak. Ez nagyon könnyű megtörni a arányérzék és átmenetekkel az összes elemet az oldalon, így fordult be egy irritáló lüktető szörnyeteg. Fontos tudni, hogy hol az átmenetek javítják a felület, és ahol csak extra zaj. Ezen kívül az is fontos, hogy gondoskodjon arról, hogy az átmenetek nem zavarja a felhasználót, ha gyorsan reagál a helyszínen (például élesen mozog a fókuszt egy menüpont a másikra). Használja átmenetek óvatosan és körültekintően.
Most, hogy már biztosított egy szilárd alapot a CSS-átmenetek technikai szempontból tudjuk használni őket, hogy sima az együttműködést a következő példák, kezdve a következő fejezetben. Szóval