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.
Drag the orange slider to resize the page.

Either click on the element on the page, or use the drop-down selection.

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.

Style as many elements at as many screen sizes as you want! Keep styling until you are satisfied.
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 modified 3yr ago