Get Ready Elementor Templates

Elementor Curved Box Shadow Effect| WordPress Elementor Pro Tutorial

Subscribe To My YouTube Channel For More Upcoming Videos

Elementor Curved Shadow CSS

:root {
  --width: 50%;
  --height: 60%;
  --bottom: 30px;
  --origin: 6%;
  --opacity: 0.5;
}
selector{
    position: relative;
    z-index: 9;
}
selector::before{
    content: '';
    height: var(--height);
    position: absolute !important;
    bottom: var(--bottom);
    right: var(--origin);
    width: var(--width);
    background: #000;
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: skewY(7.5deg);
            transform: skewY(7.5deg);
    -webkit-filter: blur(15px);
            filter: blur(15px);
    opacity: var(--opacity);
    z-index: -9 !important;
}
selector::after{
    content: '';
    height: var(--height);
    position: absolute !important;
    bottom: var(--bottom);
    left: var(--origin);
    width: var(--width);
    background: #000;
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: skewY(-7.5deg);
            transform: skewY(-7.5deg);
    -webkit-filter: blur(15px);
            filter: blur(15px);
    opacity: var(--opacity);
    z-index: -9 !important;
}
	
Wanna join my secret winners’ gang?

I only share these secrets with the people in this group. Honestly, you can not find such tricks for FREE on the whole internet!

  • Money Making Blog Tricks
  • $100k by Freelancing Formula
  • Secret Resources
  • Rich Dad business tactics
  • And, of course about my upcoming videos and plans