Hogyan határozzák meg színátmenetek css3
Hello mindenkinek. Ma beszélünk, hogyan lehet létrehozni színátmenetek CSS3.
Létrehozásához az elején egy blokk, amelynek egy példája példákat kell tekinteni.
CSS .container szélesség: 400px;magasság: 300px;
float: left;
margin: 40px;
háttér: # 999;
border-radius: 5px;
box-árnyék: 0 8 képpontnál 15px RGBA (0,0,0, 0,6);
>
Tehát, van egy egység. Most úgy véljük, a színátmenetek. Kérdezze meg őket a háttérben.
konténer háttér: lineáris-gradiens (# 333, #bbbb);
>
Ez a minimális paraméterek. Az első szín a felső szín fokozatosan megváltozik, hogy csökkentse. Ugyanakkor az első paraméter lehet továbbítani eltolás fokban.
háttér: lineáris-gradiens (45 °, # 333, #bbb);
Az érték lehet negatív. Továbbá, az eltolás értékét lehet beállítani és szavakat.
háttér: lineáris-gradiens (jobb felső, # 333, #bbb);
Ie gradiens kezdődik egy jobb felső sarokban ebben az esetben.
Tovább érték beállítható százalékában
háttér: lineáris-gradiens (40% és 10%, # 333, #bbb);
Mi lehet a szín-dugók. Úgy van beállítva után a szín. Ezután a gradiens meredekebb.
háttér: lineáris-gradiens (60% és 10%, # 333 30%, #bbb 50%);
Tehát egy lineáris gradiens rájöttek, akkor megy a sugárirányú. azaz kör alakú. Minden, ami elhangzott a lineáris színátmenetek. igaz sugárirányú. Az egyetlen különbség az, hogy ők meg egy kört.
háttér: radiális-gradiens (center, # 333 70%, #bbb 100%);
A végén érdemes azt mondja, hogy a szögeket lehet kevés. Elég csak felsorolni őket vesszővel elválasztva.
Tehát, ez az. Ma kitaláltam, hogyan lehet beállítani a színátmenetek CSS3. Köszönöm, és hamarosan találkozunk!
Ajánlom ezt a cikket egy ismerősének:
Ha tetszett az oldal, a link meg (az oldalon, a fórum, a kapcsolatot)
Úgy néz ki, mint ez: