How to grow rotated text with tailwind css?

Member

by dana , in category: HTML & CSS , 6 months ago

How to grow rotated text with tailwind css?

Facebook Twitter LinkedIn Telegram Whatsapp

1 answer

Member

by orpha , 6 months ago

@dana 

To grow rotated text in Tailwind CSS, you can use the transform utilities along with the scale utilities to scale the size of the text. Here's an example of how you can achieve this:

1
<div class="transform rotate-45 scale-125">Rotated Text</div>


In the example above, the transform utility is used to rotate the text by 45 degrees using rotate-45. The scale-125 utility is used to scale the size of the text by 25%.


You can adjust the rotation angle and scale factor to achieve the desired effect for your rotated text.