Component – 3D Text Block

A text block that rotates on hover.Download + DemoView DemoDownload ComponentHow to
The 3D Text Block is a text container that rotates on hover. It can be used to add a bold CTA link to a section.
By default, the text block rotates as a single unit. Yo…


This content originally appeared on CodyHouse and was authored by CodyHouse

A text block that rotates on hover.3D Text Block

Download + Demo

How to

The 3D Text Block is a text container that rotates on hover. It can be used to add a bold CTA link to a section.

By default, the text block rotates as a single unit. You can, optionally, split the block into up to 4 units that rotate independently (e.g., adding the .td-text-block--split-2 class modifier - see demo). To split the block into multiple units, in addition to adding the proper class modifier, make sure to duplicate the .td-text-block__wrapper element.

To make the content accessible, make sure to set a proper aria-label on the .td-text-block element. This way, screen readers will read only the aria-label content and skip the text duplicates.


This content originally appeared on CodyHouse and was authored by CodyHouse


Print Share Comment Cite Upload Translate Updates
APA

CodyHouse | Sciencx (2021-02-15T08:37:17+00:00) Component – 3D Text Block. Retrieved from https://www.scien.cx/2021/02/15/component-3d-text-block/

MLA
" » Component – 3D Text Block." CodyHouse | Sciencx - Monday February 15, 2021, https://www.scien.cx/2021/02/15/component-3d-text-block/
HARVARD
CodyHouse | Sciencx Monday February 15, 2021 » Component – 3D Text Block., viewed ,<https://www.scien.cx/2021/02/15/component-3d-text-block/>
VANCOUVER
CodyHouse | Sciencx - » Component – 3D Text Block. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/02/15/component-3d-text-block/
CHICAGO
" » Component – 3D Text Block." CodyHouse | Sciencx - Accessed . https://www.scien.cx/2021/02/15/component-3d-text-block/
IEEE
" » Component – 3D Text Block." CodyHouse | Sciencx [Online]. Available: https://www.scien.cx/2021/02/15/component-3d-text-block/. [Accessed: ]
rf:citation
» Component – 3D Text Block | CodyHouse | Sciencx | https://www.scien.cx/2021/02/15/component-3d-text-block/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts