Blur Effect CSS

2 years ago

< 1 min read

Posted by:

Focus

Subscribe to newsletter

By subscribing you agree to with our Privacy Policy.

Share

Learn how this simple blur effect addition can transform your website’s visual appeal, creating a sleek and modern look that captivates visitors. Copy this CSS:

selector { backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); }

Read more

Image

< 1 min read

Crop Image To Ratio

To crop image based on ratio, on Elementor’s Image Widget add this CSS: 16:9 Landscape CSS 9:16 Portrait CSS

Read more

Troubleshoot

< 1 min read

How to Fix Whatsapp Share Line Break Missing (Elementor Share Widget)

A bug found on the share widget (last checked on Elementor Pro version 3.6.4) where there is no line break

Read more

Media Carousel

< 1 min read

Media Carousel Random Order

Add this code in HTML widget to randomize the ‘Media Carousel’ order.

Read more

Container

< 1 min read

Make Container Scrollable

Add this on the column’s custom CSS panel. Adjust the ‘max-height’ to your needs.

Read more

See How It Works

Create better websites, faster.

Download the Entire Library

Adaptative, neutrally designed components.

Customer Service

Focus Website

Today, August 30

Hi, there 👋

How can I help you?

Start Chat with:

We use cookie to improve your experience on our site. By using our site you consent cookies.