Gombok létrehozása ikonokat képek nélkül CSS segítségével
Webfejlesztőknek, hogy jobban csökkenti a képek minimális, például az ikonok segítségével a gombok jönnek létre csak a CSS. Hasonló ikonok nagyon, nagyon, azok bekerülnek a CSS kód formájában hexadecimális értékeket. Ezek a kódok az ikonok találhatók a különböző helyeken, itt van néhány helyen, hogy használták, hogy hozzon létre ez a bemutató:
Ezek a listák, tudtuk találni egy másik kódot, ami hasznos lehet a honlapon.
Most, hogy kiválasztotta a megfelelő szimbólumokat, mi megmutatjuk, hogyan tegyük őket egy pillanat alatt, kizárólag CSS kódot, és ál: mielőtt felvenni a tartalom az osztály eleme.
Hozzon létre egy gombot
Először létre kell hoznia egy gombot. Ebben a példában egy gomb fogad egy normális téglalap lekerekített sarkokkal létre CSS3.
Másolja a CSS kódot az alábbi gombra:
Hozzátéve ál: mielőtt
Miután létrehoztunk egy gomb, mi kell hozzá ál: korábban, hogy képes legyen felvenni a tartalom gombra.
Csak annyit kell most -, hogy külső és belső párnázás helyezni ál: mielőtt helyesen.
Másolja a CSS kódot alább ál: mielőtt:
Most, hogy egy ikont a gombra, meg kell adni a CSS tartalom tulajdonság kódját.
Azáltal, hogy az ál-tartalom osztályú ingatlanok: korábban mi is létrehozhatunk új CSS osztályok különböző karakterek, hogy szeretnénk használni.
Az alábbiakban a különböző ikonok, hogy találtunk érdekes tiszta CSS gomb.
A formák gombok
Button hozzáadása, szerkesztése, törlése, mentése, Letter, Kereszt.
Itt vannak a gombok, hogy lehet használni a formában:
valuta gombok
Ha azt szeretnénk, hogy megjelenjen valuta szimbólumok a gombokat:
Gombok hőmérséklet
Jelenítse meg a karakter a hőmérséklet a Celsius és Fahrenheit:
Gombok matematikai szimbólumok
Pi, egyharmad kétharmad, egyötöde, kétötöde, háromötöde, négyötödös, egyhatoda, öt hatodik, nyolcadik, 3/8, 5/8, hét-nyolcad egy negyed, fél, háromnegyed.
Van egy csomó matematikai szimbólumok, az is, hogy mi hasznosnak talált:
Gombok nyilakkal
A nyíl balra, felfelé nyíl, jobbra nyíl, lefelé mutató nyíl, a nyíl balra fel, jobbra felfelé nyíl, lefelé nyíl balra, jobbra nyíl lefelé tovább.
Használhatja a különböző típusú nyilak:
Gombok a különböző szimbólumokkal
Ikonok sokat, azt találtuk, érdekesebb:
Keresse meg a bemutatót az oldal. az ikonok jelennek meg a böngészőben.