---
title: "How to Add a CSS Filter to a Video in Elementor?"
url: https://theplusaddons.com/docs/add-a-css-filter-to-a-video-in-elementor/
date: 2025-01-10
modified: 2026-04-11
lang: en
author: "Aditya Sharma"
description: "Are you looking to add some unique effects to your Elementor videos? With the Video widget from The Plus Addons for Elementor, you can add different CSS filter effects to..."
image: https://theplusaddons.com/wp-content/uploads/2025/01/How-to-Add-a-CSS-Filter-to-a-Video-in-Elementor_-1024x536.jpg
word_count: 170
---

# How to Add a CSS Filter to a Video in Elementor?

## 

- Utilizes the Video widget from The Plus Addons for Elementor to apply CSS filter effects to videos.
- Accesses the CSS Filters section under the Style > Video Styling tab to customize video appearance.
- Supports different CSS filters for normal and hover states to enhance visual effects.

Are you looking to add some unique effects to your Elementor videos? With the Video widget from The Plus Addons for Elementor, you can add different CSS filter effects to your videos.

*To check the complete feature overview documentation of The Plus Addons for Elementor Video widget*, [click here](https://theplusaddons.com/docs//add-video-player-in-elementor/).

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/video-player/)

To do this add the Video widget from The Plus Addons for Elementor to the page and follow the steps. 

1. Select the appropriate source from the **Source** dropdown under the **Video** tab.

2. After that add the video as per the selected source.

3. Then go to the **Style** > **Video Styling** tab.

4. From the **CSS Filters** section you can add different CSS filter effects.

![](https://theplusaddons.com/wp-content/uploads/2025/01/video-player-css-filters.gif)

> *Note: You can add different CSS filters for normal and hover states to create more unique effects.*

Now you’ll see your CSS filters applied to your video.

![](https://theplusaddons.com/wp-content/uploads/2025/01/video-player-self-hosted-demo-1.gif)