3D Carousel

Introduction: 3D Carousel Widget

The 3D Carousel Widget is a visually engaging and interactive slider feature for Elementor. It allows you to showcase images or content in a rotating 3D style. This widget is highly customizable, enabling you to adjust animations, styles, and other design aspects to suit your website’s theme and goals.

Content

• Add up to 6 slides for a polygon-style carousel.
• Have Images Add controller for each slider.
• Utilize repeaters to dynamically manage content.

Slider Animation Speed

• Adjust the speed of the slider animation to make it faster or slower.
• Speed controls range from milliseconds to seconds for precise timing.

Slider Direction

• Choose the direction of the slide animation:
  • Clockwise
  • Counterclockwise

Style

Enhance the appearance of your 3D Carousel with flexible styling options, including:

1. Container Background
   • Apply a solid color, gradient, or image background to the carousel container.
2. Container Shadow
   • Add a shadow to the container for depth and dimensionality.
3. Slider Style
   • Customize the overall polygon design, including:
     • Shape size.
     • Polygon rotation angle.
     • Spacing between slides.
4. Border
   • Style the border for individual slides with:
     • Thickness.
     • Color.
     • Radius for rounded edges.

Slider Background

• Add unique backgrounds to individual slides using:
  • Colors.
  • Images.
  • Transparency levels for overlay effects.

Slider Animation Speed

• Control how fast the slides transition during animation.

Slider Direction

• Configure the rotational behavior of the slider to align with your design preference:
  • Horizontal (left-to-right, right-to-left)

This feature-packed widget is ideal for portfolios, product showcases, or any dynamic content presentation that needs an aesthetic 3D effect.