3D Scroll Effect with CTA Documentation

Introduction

Introducing the “3D Scroll Effect with CTA” module – A powerhouse for showcasing your services in stylish and eye-catching banner. With a plethora of customisation options available, you can easily add this beautifully crafted module to seamlessly integrate with your website style, structure, and design.

 

SUPPORT:

If you need assistance at any step of the way; get in touch with us at ProductSupport@transfunnel.com
And get Premium Support from Transfunnel - HubSpot's Elite Solutions Partner

Table of Contents

  1. Possible Layouts
  2. Content features
  3. Style features
3D Scroll Effect with CTA Documentation

Table of Contents

  1. Possible Layouts
  2. Content features
  3. Style features

Possible Layouts

Layout Options: Welcome to the “3D Scroll Effect with CTA” module. The module has stylish banners in the following layouts.

  • Images: Add images on the left half portion of the banner and utilise visuals to show about your (service) listing.
  • Content: The right half portion of the banner gives title, description and CTA options.
  • CTAs: Attractive CTAs to the content side of the banners.
  • Scrolling Effect: Attractive scrolling effect in the banners, 3D Scroll Effect, Multi-Plane Scrolling, Foreground-Background Shift, Background Drift, Vertical Scroll effect and parallax effect
  • Responsive and mobile-friendly: The “3D Scroll Effect with CTA” module is designed to provide optimal viewing experiences on various devices, including desktops, tablets, and mobile phones. With its responsiveness, your page will adapt seamlessly, ensuring a consistent and engaging experience across all platforms.
  • Customisation: The “3D Scroll Effect with CTA” module comes with a bunch of customisations, all of which you can control to give the user a seamless experience in tandem with your website’s colours, style, and design.

 

Content features:

C-01-1

Customise section heading, easily add/remove services with further customisation options from content settings.

C-02-1

Customise title, description, CTA and image of the services individually from services’ own customisation options.

Style features:

styles

Customise the section heading, slogan, title, description, button, vertical slogan from style settings.

S1-Jun-13-2024-12-25-50-8883-PM

Customise sectio heading font style, spacing, text transform and alignment from section heading settings.

S2

Customise the slogan’s font, spacing, text transform, and colours from slogan settings.

S3

Customise the title font, spacing and text transform from of the title settings.

S4

Customise the description font style from description setting.

S5

Customise the button font style, spacing, text transform and background colour from button settings.

S6

Customise the vertical slogan font style and background colour from vertical slogan setting.

Conclusion:

The “3D Scroll Effect with CTA” module provides you stylish banners to list your services. With a plethora of customisation options available, you can easily add this beautifully crafted module to seamlessly integrate with your website style, structure, and design.