A forgatás a szöveg css

Gyakran ihlet következő elolvasása után egy érdekes cikket a hálózaton, és ma kínálunk oktatóanyagok a forgatás a szöveg CSS.

A mi mai cikk, kínálunk egy példát a használatára Sprite és egy kis CSS kódot helyezze el az összes elemet helyesen. Bár, talán nem is annyira kicsi. A helyzet emlékeztet, ha szeretné bors tányér ételt, de a fedél repül ki, és kapsz egy slide borsot. Általában ezt követően tüsszentés.

Szerencsére sok modern böngészők támogatása forgás funkció HTML-elemeket. Sőt, tudjuk, hogy a munka-, az Internet Explorer (még 5.5). Lehet kérni: „Hogy?!”. Nos, nézzük meg a HTML kódot.


Szép és rendezett kódot, és semmi több. Mi tudat választani ilyen megrendelést időpont, hogy ne vesszőt. Máskülönben van egy további span, hogy távolítsa el a vesszőt a végleges változata a design.

A család a böngészők és a WebKit böngésző Firefox (a 3.5 verzió), csak akkor veheti igénybe a javasolt átalakítás funkció paramétereit használó forgásának vezérlésére. Minden böngésző igényel előtag előtt a paramétereket.

Mikor jön a hatását az Internet Explorer, úgy tűnik, egy csodálatos lehetőséget, hogy használja a szűrőket. Van egy szűrőt az úgynevezett BasicImage (bár megtévesztő), mely számunkra a lehetőséget, forgatás olyan elem, amely elrendezés.


BasicImage forgási szűrőt paraméterek tartalmazhatnak négy érték: 0, 1, 2, 3 - akkor forgatni a elemek 0, 90, 180 és 270 fok volt.

Szintén BasicImage szűrő paraméter lehet gondolkodási maszkolás, elszíneződést, és így tovább. Másik lehetőség, hogy kihasználják a Matrix szűrő. de a koordinátákat még nem vagyunk teljesen világos.


Hogyan viselkedik akcióban? Lásd erre az oldalra a Safari, Firefox vagy az IE, és akkor valószínűleg valami ehhez hasonló képet. Az egyetlen probléma, elméletileg csak akkor jöhet létre a nem egyértelmű a szöveg. Internet Explorer alaphelyzetbe állítja a stílus ClearType összes szöveget, amelyben a felelős a szűrőt. Az is megfigyelhető, hogy a terek között, a számok eltérőek a Firefox és a Safari. Ezek a különbségek a kijelzőn a szöveget akadályát létrehozásának tökéletesen tiszta mintát.

Kapcsolódó cikkek