Css egyenletesen változó háttér háttér
Tárgy: CSS egyenletesen változó háttér háttér
Készíts egy sima változó háttér a háttér CSS igen egyszerű.
Kezdjük a legegyszerűbb példa - add a zökkenőmentes átmenetet a háttér hivatkozásokat.
Klasszikus végrehajtása:
Amikor az egérrel az egérmutatót a link meg fogja változtatni a háttér színét a világoskék sötétkék, és a betűtípus szín - a fekete-fehér. A szokásos helyzet.
Most adjuk hozzá a zökkenőmentes átmenetet a háttér CSS segítségével átmenetek:
Most a háttérben fokozatosan megváltoztatja a színét, egy fél pillanat! Mint más tulajdonságait CSS, tudjuk kombinálni az összes tulajdonságait az átmenet az egyik:
- Xakker
- Fejlesztő Ext.
- tétlen
- részletek
Re: CSS egyenletesen változó háttér háttér
Most adjunk hozzá egy sima változás a színét:
Azok kódot, ha az egeret fog zökkenőmentesen változtatni a háttér színét a betűtípus és a szín fél másodperc 0,3 másodpercig. Ha azonban meg kell ugyanazokat a tulajdonságokat minden elemére, akkor cserélje ki
-WebKit-átmenet: háttér 0.5s könnyű;
-WebKit-átmenet: színes 0.3s könnyű;
tovább
-WebKit-átmenet: minden 0.5s könnyű;
Most átmeneti hatás lesz alkalmazva minden esetben, amikor a változó tulajdonságait és ugyanazokat a paramétereket - 0,5 másodperc, a könnyű-hatást.
Szóval, mi is egy késleltetést a hatását:
Most animációs fog futni egy fél másodperccel azután az egér mutató.
Érvényes az átmenet az ingatlan bármi lehet - a háttér, szín, hossz, betűméret, stb Alapvetően ez a tulajdonságok, amelyek meghatározzák a szín vagy ingatlan, amely kifejezhető hosszegységekben (px, em, ex) vagy százalékban. Mint egy esemény, akkor is lehet használni a pszeudo: fókusz és: aktív. Valójában - használja az átmenet minden választókat.