Onlineverktyg CSS3 Text Rotate Generator

Text Rotate

CSS Text Rotate generator för lata människor.

Denna generator hjälper dig att skapa den kod som krävs för att rotera text och för att visuellt se vad som kommer att hända när du ändrar alternativen nedan. Den enda css-egenskapen som krävs för att rotera text är transform-egenskapen. Demonstrationen bör fungera i de flesta webbläsare, men du kan behöva lägga till leverantörsprefix för att utföra denna uppgift.

CSS3 Text Rotate Explained 

Transformegenskapen anger tvådimensionell eller tredimensionell transformation av elementet. Den har många värden. Detta verktyg ger en snabb kod för textrotation. Du kan ange graden för att rotera texten.

Du kan också välja värden för IE:

lr-tb – Detta är standardvärdet, från vänster till höger, uppifrån och ned.

rl-tb – Texten flyter från höger till vänster, uppifrån och ned.

tb-rl – Texten flyter vertikalt uppifrån och ner, från höger till vänster.

bt-rl – Texten flyter från botten till toppen, höger till vänster.

tb-lr – Texten flyter uppifrån och ner, från vänster till höger.

bt-lr – Texten flyter från botten till toppen, från vänster till höger.

lr-bt – Texten flyter från vänster till höger, nerifrån och upp.

rl-bt – Texten flyter från höger till vänster, botten till toppen.

Textrotationsverktyget ger dig tilläggen så att koden kan stödjas av andra webbläsare.