Loading...

Caution With Effect Size

Depending on your effect and the angle, your element size may change to reflect the effect applied to the element. Web-based environments such as HTML and CSS, do not use run-time filters – but rather element filters. Element filters apply directly to an element and cause the all coordinate properties of the element to change.

An example of this is the Glow Effect. In HTML (and other environments), the size of the glow must reflect the size of the element (eg. overflow:hidden;).

Eg. If you have a rectangle 100x100, with a 5px glow = actual HTML size 110x110.

Workaround

Convert the element to a Smart Object, then mask the unnecessary area. Or you can use CSS and add a custom class to your HEAD.

1
.nooverflow{ overflow:hidden; }

Then add ${css|style:nooverflow} to your parent folder, this will prvent the effect from bleeding.

LOGIN NOW: Get instant access to our free Online Training - click here.

Products For WP Professionals


wp_developer

WP Developer Pack

wp_developer

WP Developer Pack (6 Months)

wp_designer

WP Designer Pack (6 Months)

Need a custom solution?

Try our Shop!

Using the Plugin

Layer Support

Layer Tags

How To Guides

Optimization Tips

Help Us Improve


We aim to keep our content relevant with useful information, examples, samples and links. Tell us what you think!

I found the content:

Helpful
Confusing
Outdated
Broken Links
Bad Spelling
Too Short
Too Long

This page needs:

Nothing
Better Content
Links
Examples
Videos

Free Download


Advanced Website

A professional multi-page website design with dynamic height.

Start Your 14 Day Free Trial

New users get instant access to the 14 Day Free Trial with all features enabled, and Free Online Training. We guarantee your first conversion will 100% work - we work with you to ensure this, contact us or check our FAQs for assistance.

Connect With Us

Top