Munka ikonok, webreference
Az ikonok jelennek keresztül az ál. előtt. Ezért minden elem elegendő hozzá egy osztályt az ikon nevét. Jellemzően használt elem . de használható a többi sornál, mint például: . et al.
mert A jelölt két fő osztály - fa és fa-ikon. ahol az ikon helyett írásbeli ikon nevét. Minden nevek állnak ezen az oldalon.

Ahhoz, hogy egy ikont a neve a játék fogja írni a következő kódot:
magát az elemet üres, és beépítjük a helyét az oldalon, ahová a kiadási ikonok. annak az azonos méretű, mint a jelenlegi szöveget.
ikon méretek
A méret minden ikon a beállított tudjuk változtatni az ingatlan font-size. újrafogalmazása, hogy az ő stílusa. Betűtípus félelmetes is kínál öt kész méretben. Egyszerűen hozzá egy osztály az elem amint azt az 1. példában.
1. példa ikonok Méret
A példa eredményét az ábrán látható. 2.

Ábra. 2. Az ikonok méretét
Mivel az ikon szöveges karaktert, majd a rá vonatkozó stilisztikai tulajdonságait színe. háttérben. text-shadow és más meghatározó design a szöveget. A 2. példa azt mutatja néhány kiviteli alakjában ikonok forma változik.
2. példa tervezése ikonok a stílus
A példa eredményét az ábrán látható. 3.

Ábra. 3. Színes ikonok
Betűtípus Awesome bevezet egy különleges besorolású fa-inverze. megváltoztatja a színét az ikonok, fehér, így a stílus ikonok könyvek szín nincs megadva.
Forgatás ikonok
Ikonok elforgatható 90, 180 vagy 270 fokkal jobbra, és tükrözik azokat vízszintesen vagy függőlegesen. E célból a következő osztályokat használjuk:
- FA-forgatás-90 - kapcsolja 90º óramutató járásával megegyező irányba;
- FA-forgatás-180 - kapcsolja be 180 °;
- fa-forgatás-270 - bekapcsolja 270º;
- fa-flip-vízszintes - tükrözze vízszintesen
- fa-flip-vertikális - tükröződik függőlegesen.
Tartsuk szem előtt, hogy nem minden ikon értelme forgatni, és tükrözik az eredmény látható lesz az aszimmetrikus ikonok (3. példa).
3. példa forgás és reflexió ikonok
A példa eredményét az ábrán látható. 4. Az első repülőgép ikon jelenik meg az eredeti formájában, a második forgatható 90 °, és a harmadik tükröződik vízszintesen.

Ábra. 4. Az átalakítás ikonok
Animáció általában létrehozásához használt hatása a várakozások. Ikonok lehet végtelenül forgatása az óramutató járásával megegyező kétféleképpen. Osztályú fa-spin létrehoz egy sima forgás, és fa-impulzus - lépésről lépésre forgatást. Mutatja a forgatás a futball-labda.
ötvözi ikonok
Emellett a hagyományos kijelző ikonok kombinálhatók egymással. Ehhez hozzon létre egy elemet
Az egyes ikonok tudjuk meg a saját stílusát, mint a színes ikonokat. Ezáltal kapjuk új színek (4. példa).
4. példa Kombinált ikonok
A példa eredményét az ábrán látható. 5.

Ábra. 5. A kombináció ikonok