Typograpohy
Custom Typography
Typography is the art and technique of arranging type to make written language legible, readable and appealing when displayed. There are several ways to enhance the typography on your web pages. Here you will find an assorted collection of typography styles, some with animations, and some with custom styles.
Hover effects often strengthen user experience with interactivity and improving navigation intuitively.
John Joe
I am a
This animation requires that the JS be linked BELOW the page content being targeted, therefor, the code is included within script tags inside standard html blocks rather then enqueued through the funtions.php file.
Assorted JavaScript Text Animations
Most of these text animations are not accessible and are meant to be more decorative then anything, but that being said, there are several ways around this. A few ways that these could be made accessible include adding aria-labels, adding title tags, or writing jQuery that can inject the necessary code.
In addition, any letter-by-letter animation won’t be able to wrap properly like regular text headings or paragraph would, therefore, they have to be single line text areas.
BE THE CHANGE
To be continued…
Rotated Heading
Easy to do, text rotation to enhance the typography of your webpage
This was done by simply adding a CSS class to the heading on the left, and applying a simple transform property. This heading is rotated by 270 degrees.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sollicitudin vitae metus nec cursus. Nullam arcu risus, aliquam quis justo a, bibendum tempor nibh. Proin porta egestas nibh eget placerat. Sed tellus felis, pulvinar non imperdiet a, finibus non mi. Morbi faucibus fermentum gravida. Ut justo dolor, hendrerit sit amet arcu eget, molestie lobortis mi. Mauris fringilla, nunc ac pretium pellentesque, metus dolor fringilla arcu, sed pretium nibh ipsum eget erat. In ullamcorper sollicitudin viverra. Nam eget libero aliquet risus pellentesque ultricies.
Lorem Ipsum
This effect is NOT mobile friendly.