---
title: "Creative Image Widget: Settings Overview"
url: https://theplusaddons.com/docs/creative-image-widget/
date: 2024-05-10
modified: 2026-03-31
author: "Aditya Sharma"
description: "Do you want to add some beautiful effects to your image in Elementor? With the Creative Image widget from The Plus Addons for Elementor, you can add some creative effects..."
image: https://theplusaddons.com/wp-content/uploads/2024/05/Creative-Image-Widget_-Settings-Overview-1024x536.jpg
word_count: 748
---

# Creative Image Widget: Settings Overview

Do you want to add some beautiful effects to your image in Elementor? With the Creative Image widget from The Plus Addons for Elementor, you can add some creative effects to your images.

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/creative-images-for-elementor/)

## Required Setup

- [Elementor FREE Plugin](http://wordpress.org/plugins/elementor/) installed & activated.

- You need to have [The Plus Addons for Elementor](https://wordpress.org/plugins/the-plus-addons-for-elementor-page-builder/) plugin installed and activated.

- This is a Premium widget, and you need the [PRO version of The Plus Addons for Elementor.](https://theplusaddons.com/pricing//?utm_source=tpae&utm_medium=docs&utm_campaign=text)

- Make sure the Creative Image widget is activated, to verify this visit The Plus Addons → Widgets → and Search for Creative Image and activate.

## Learn via Video Tutorial:

https://www.youtube.com/watch?v=NAxYbZgGwmU

## How to Activate the Creative Image Widget?

Go to 

- **The Plus Addons **→** Widgets **

- **Search **the widget name** **and** turn on the toggle.**

![](https://theplusaddons.com/wp-content/uploads/2024/05/creative-image-1.png)

## Key Features

- **Scroll Reveal Effect** - You can easily [add a scroll reveal effect to an image](https://theplusaddons.com/docs//add-image-reveal-animation-on-scroll-in-elementor/).

- **Image Mask** - You can easily [add a mask to an image](https://theplusaddons.com/docs//mask-an-image-in-elementor/).

- **Multiple Effects** - You can add multiple effects like parallax effect, tooltip, continuous animation and more on images.

- Image Animation - You can easily [add animation to the image](https://theplusaddons.com/docs/add-image-animation-in-the-creative-image-widget/).

## How to Use the Creative Image Widget?

Add the Creative Image widget to the page. 

### Content

> *Note: By clicking on the **Import Presets** button, you can import a ready-made design and customize it as per your requirements.*

From the **Image Style** dropdown, you have to select the image style. Here you’ll find two options - 

- **Creative Image** - To add normal images.

- **Scroll Reveal Image** - To add images with a reveal effect on scroll.

Select the option as per your requirements, let’s select Creative Image here.

In the **Choose Image** section, you have to add your image.

Then, from the **Image Resolution** dropdown, you can set the image size.

You can align the image for responsive devices from the **Image Alignment** section.

Then, from the **Link to** field, you can add a custom link to the image. 

You set the image width for different devices from the **Max Width Image** section.

### Image Animation

From here, you can [add animation to the image](https://theplusaddons.com/docs/add-image-animation-in-the-creative-image-widget/).

![](https://theplusaddons.com/wp-content/uploads/2024/05/creative-image-image-animation.png)

## How to Style the Creative Image Widget?

You can add different effects to the Creative Image widget from the Style tab.

![](https://theplusaddons.com/wp-content/uploads/2024/05/creative-image-style.png)

**Style Image** - From here, you can add different effects to the image.

> ***Note**: Most of these options work similarly to the global options available for the other widgets of The Plus Addons for Elementor.*

- **Scroll Image** - From here, you can [add a scrolling effect to an image on hover.](https://theplusaddons.com/docs/add-a-scroll-on-hover-to-an-image-in-elementor/)

- **Mask Image Shape** - You’ll see this option only when Creative Image is selected as the image type. From here, you can [add an image mask to the image.](https://theplusaddons.com/docs//mask-an-image-in-elementor/)

- **Super Parallax** - You’ll see this option only when Creative Image is selected as the image type. From here, you can [add a parallax effect to an image on scroll.](https://theplusaddons.com/docs//add-a-parallax-image-in-elementor/)

- **Mouse Move Parallax** - From here, you can [add a mouse move parallax effect to an image](https://theplusaddons.com/docs/mouse-cursor-parallax-effects-in-elementor/).

- **Magic Scroll** - From here, you can [add a scrolling effect to an image](https://theplusaddons.com/docs/magic-scroll-effect-in-elementor/).

- **Tooltip** - From here, you can [add a tooltip to an image](https://theplusaddons.com/docs/global-tooltips-settings-overview/).

- **Tilt 3D Parallax** - From here, you can [add a tilt 3d parallax effect to an image](https://theplusaddons.com/docs//3d-tilt-parallax-effects-in-elementor/).

- **Overlay Special Effect** - From here, you can [add an overlay effect to an image](https://theplusaddons.com/docs//swiper-color-overlay-effects-in-elementor/).

- **Continuous Animation** - From here, you can [add different continuous animation](https://theplusaddons.com/docs//global-continuous-animation-widget-in-elementor/) effects like pulse, floating, tossing, rotating and more to the image.

- **Border** - From here, you can add different types of borders to an image.

From the Normal/Hover tab you can add different CSS effects to the Image for normal and hover states. 

In the **Normal** tab, you’ll find the following options - 

**Border Radius** - From here, you add a border radius to the image.

**Box Shadow** - From here, you add a box shadow to the image.

**CSS Filters** - From here, you add different CSS filters to the image.

Then in the **Hover** tab, you’ll find the same options for the hover state.

From the **Responsive Visibility** toggle, you can select to show or hide the image for responsive devices separately.

**On Scroll View Animation** -  This is our global extension available for all our widgets, this adds scrolling animation as the widget comes in the viewport. You can learn more about this from here.

[Learn more a](https://theplusaddons.com/docs//on-scroll-view-animation/)[bout On Scroll View Animation](https://theplusaddons.com/docs//on-scroll-view-animation/)

Advanced options remain common for all our widgets, you can explore all its options from here.

[View Advanced Tab Tutorial](https://docs.posimyth.com/tpae/advanced-tab/?_gl=1*1ddxxa0*_ga*NDA4ODUyMjYwLjE3MDEyMzIxNzE.*_ga_WXCC3REEFQ*MTcxNjQ1OTY0My40MzcuMS4xNzE2NDU5NzMyLjYwLjAuMA..)