Impossible using only css3
You can change font-size, font-color, font-family as you wish. AutoWritingText can be used on almost any html tag (div, p, h1-6, span, ...).
AutoWritingText works in all the latest browsers, and partially in old ones (some features, in IE8, may be disabled).
AutoWritingText doesn't alter your other css files so your layout will stay responsive as before.
You don’t have to alter your html structure. AutoWritingText can animate almost every tags containing text.
realistic keyboard-writing-like text animation fully customizable
the time between the writing of each letter can be partly random (+/- 20%)
easy usage, 5 html attributes to set up the animation (i.e. speed, delay, begin-event, random, ...)
trigger the writing with touch, click or scroll events
full compatibility with all the latest browsers
fallback for older browsers
AutoWritingText doesn't require any dependencies to function.
How to use ?
insert : <link rel="stylesheet" href="styles.css?v=1.0"> in the <head> of your html
insert : <script src="scripts.js">
just before the end of your body in your html
in any html tag add the attribute : data-autowritting='True'
add the attribute : data-speed, give it the value very-fast, fast, normal, slow or very-slow, it’s the speed of writing.
add the attribute : data-begin, give it the value click-touch, on-load, scroll or js, it’s the event to trigger the animation
add the attribute : data-delay, give it a number greater than 0, it’s the number of seconds to wait after the trigger event to start the animation
add the attribute : data-random='True' if you want to add some random in the delay between the writing of two letters.
Future product updates
Quality checked by Codester
Lowest price guarantee
A regular license allows an item to be used in one project for either personal or commercial use by you or on behalf of a client. The item cannot be offered for resale either on its own or as part of a project. Distribution of source files is not permitted.
An extended license allows an item to be used in unlimited projects for either personal or commercial use. The item cannot be offered for resale "as-is". It is allowed to distribute/sublicense the source files as part of a larger project.