Using our keyframe editor
If you want a visual way to create your Typetura CSS, we developed a tool that allows you to quickly generate that code and see it in action.
1. Resize the page
Drag the orange slider to resize the page.
2. Select the element you want to style
Either click on the element on the page, or use the drop-down selection.
3. Adjust the settings
Input the values you want your text to have at that page size. You will need to include the units you wish to use. An orange lightning bolt indicates that style is active.
4. Repeat
Style as many elements at as many screen sizes as you want! Keep styling until you are satisfied.
5. Copy your CSS
On the bottom left there is an area with CSS. Make sure you have Typetura in your project and copy this CSS into your project.
Last updated
