Disable css filter effects on pseudo elements
Hi,
So I work in Wordpress using the Divi theme:
I'd like to have a hovereffect with some filters ( brightness, blur etc) on my module, but not have effect on my before and after.
Look at the provided images, one is on hover, one is when i'm not hovering
The text is my before and after
9 Replies
You can't disable them on pseudo elements. You need to change the layout
While I'm here. It's better to be more explicit with text, not hiding important text into
content
just to have fewer elementsI see, never thought of that!
thank you
It's solved! Same link for example ( it might be deleted tomorrow )
I use this css now:
also, about the content, in the divi module i have the remaining content rule, I made it like this so that when we need to change that content (every week we do that), it's easier to find and change.
I see
thanks for the help!
just wanted to play with it a bit. So here another option, without the use of pseudo elements, and stacking by grid instead of absolute positions
https://codepen.io/MarkBoots/pen/qBLQqEm?editors=1100
what is the difference with
• transform: scale(1.3);
• scale: 1.3;
Not that much, for a while now some of the transform-properties can be used as a normal property (translate, rotate and scale).
But, if you want to combine them, you should keep in mind there is an order in which they are applied:
translate -> rotate -> scale
if you want a different order and/or use multiples of the same one, the transform is more usefulIt’s really useful for animating specific transform properties while not touching others