Bezár kereszt tiszta css
Hello. Ma nézzük meg, hogyan lehet a tőrt közel tiszta CSS, azaz, hogy dolgozzon egy ikon lezárás / eltávolítás képek nélkül.
Nos, azok számára, akik még mindig szeretné felhívni egy ikon, hogy lezárja kép nélkül kérem, jöjjön be.
Bezár kereszt tiszta CSS
Először is mi kell érteni, hogy a kereszt le kell írni a HTML kódot. Ez azt jelenti, meg kell valamilyen div vagy span. Így teszünk:
Kész. Ezt a kódot kell beilleszteni, ahol a határokon meg kell jeleníteni.
Most folytassa a rajz a kereszt. Amint az a cikk címe, akkor csináld tiszta CSS, használata nélkül a képeket, vagy ikonochnyh betűtípusokat.
Alapértelmezésben a kereszt lesz áttetsző, ha lebeg - lesz fényesebb. Tetszése, akkor lehet, hogy egy alternatív hover hatást.
Most nézd meg a kódot a CSS:
Mint látható, minden szép prózai. két sor, egyikük készült ál, amely felhívja a kereszt: miután más -: korábban. Így az egyik el van forgatva 45 ° -kal, a másik -45 °. Ez egyszerű.
Való kompatibilitás böngészők, könnyen ellenőrizhető egy caniuse szerint neki: miután. mielőtt támogatja minden modern böngésző, átalakítását - az összes, de az Opera mini, hogy szigorúan véve, egy jó indikátor.
Ha szükséges, felveheti a különböző modulokat ezt a keresztet a uspotrenie.
Szeretné látni, hogyan is működik ez:
- CSS Forgatás szöveg. csak
- Vegye Azaz tisztítási kereszt
- Hogyan erősít a tájékozódás a helyszínen a mobil böngészőben
