Setting up any photos in the words you value will help make your website look meaningful not only to you but your viewers too.
Build an attractive blog; add a relatable image into the text, and this will make your website look unique.
Include the best-suited effect from the 25+ Hover Effects!

Content → Text 

1. Title – place title text in the content field
2. Select Heading Tag – choose a heading tag
3. Rotate Text Vertically – rotate the Text at 90°, placing it vertically

Content → Image Mask

1. Thumbnail Image Mask – select an image to mask the text.
2. Background Image Size – choose a size for the image you have selected.
3. Background Image Position – choose the one that looks best masked to the text from the prebuilt positions.
4. Background Image Repeat – adjust the repetition of the image and see what suits the design.

Design → Fonts

1. Font – Select a font from the collection or use custom font.
2. Font Weight – define how you want your font to show either regular, italic, bold extra, or even extra light.
3. Font Style – Pick a style of font for both front and back.
4. Text Alignment – align the text to the left, right, or center.
5. Text Color – manually select a color for the background of the text using the pointer, or you can state the hex code and get the exact color you require.
6. Text Size – easily resize the text for both the front and back parts of the flip box.
7. Letter Spacing – you can space out the letters using the slider for an easier read for the website visitors.

Design → Fonts (continued)

1. Line Height – adjust the space between the lines using the slider
2. Text Shadow – add text shadow to have the texts highlighted

From the total of 29 hover effects, select the one you like best for your Text Mask design.

 

Design → Hover Effect

1. Text Hover Effect – enable the switch to select a hover effect for your Text Mask design.
2. Select Hover Effect – choose a prebuilt hover effect from the 29 Hover Effects within the Text Mask module.