By Ghen on December 13, 2016

Fancy Heading

  Example 1 This is a heading using the color animation. Nature Example 2 This is a heading using the gradient animation. Similar to example 1 except with a gradient instead of a flat color. Nature Example 3 This heading uses the Rotate/Flip Animation

This module gives you a hand full of options you can quickly apply to headings centered around animation and color.

Fancy Heading comes with settings for gradient animations, color animations, fade animations, rotation and flip animations plus an option to clip an image to your heading.

Example of Fancy Heading module with image mask
This is an example of PowerPack’s Clip to Image option in the new Fancy Heading module.

WCAG Compliance Tips

AA Contrast ratio of at least 3:1
AA Heading is descriptive
AAA Contrast ratio of least 7:1
AAA Unusual words have an accessible description
AAA Acronyms have an accessible description
AAA Lower reading level options are available if heading uses lots of big words

 

Leave a Reply

Your email address will not be published. Required fields are marked *