How to Add Subtle & Animated Shapes to Your Website with Divi

[@Ikmat]

Cool effects.

[@MrOliver1444]

Would be great if it would link to a blog post so I could download the modules and import it to my website...

[@amerkhalil6741]

I have tried this numerous times, but my "box" stays the same as in (timeline) 3:00. Does not extend all the way down as in (timeline) 3:04. Even after I enter 400px (Custom Padding - Left). I'm going crazy trying to figure this out. Any suggestions?

[@zinouhoussoum2909]

did you find a solution?

[@SandroTreglia]

Bravissima 👍 complimenti per i tuoi Tutorial

[@ChindoEnyidah]

Cool effect!

[@therankingworld7627]

Meka wenem

[@ladydayification]

Thanks! Outstanding!

[@moroco.design]

Awesome!! Thanks! 👍🏻

[@AamirSaeedTajalli]

Lovely, kinda like mind blowing for newbie like me ... great ideas

[@Ratapelua71]

It's a great trick, thank you very much for showing it.

[@keels952]

Could we get an update on this tutorial? After fiddling with the animation options I can get it to work but with 100% animation intensity the shape doesn't move.

[@Powerplugz]

Confused about why you chose 500px instead of 50%... Any explanation why?

[@bertwesler1181]

nice, thank you.

[@pennmar120]

This tutorial is brilliant! On the other hand, can you ask/inform Divi product development teams on my behalf whether they can make up their mind first before pushing out/change any new features? Clearly the layout on your Divi builder is different to what we use now, the row alignment option is gone under the sizing options now, and the padding and margin field used to be top right bottom left, now it became top bottom left right, maybe all these changes are easier for any new users who just bought Divi (for now), for users like me who bought Divi in 2015, I use Divi often and get used to the lcoations of where and what I need to find, it is quite a bit of learning curve to know where all the options are located every time Divi updates. and the Divi 2015 version is long gone and not supported. I appreciate the new features added into, but using Divi is to save designer's time to focus on design, not familarise Divi every now and again. :-(

[@EnterOsaka]

This is great however, the shape is floating over other elements. I've messed around with Z-Index, but it doesn't seem to work. Anyone have a clue about this?

[@agnieszkad6299]

Do the shapes outside the screen do not cause the page on the phone and tablet to be too wide and moves to the area beyond the screen?

[@elegantthemes]

Hey Agnieszka! No worries, it won't cause that issue. 😊

[@MrOliver1444]

amazing

[@jorgemariotoro3608]

Girl, please ask Divi developers to add CSS Shapes to the feature lists. Just like Revolution Slider does. It would be very useful, and I think easy to develope.

[@tomfraser3086]

I'm not sure how useful a design that does not scale well to tablet and phone is.... most customers are finding their products on tablet, sometimes cell phone, almost never on desktop...

[@EnterOsaka]

I've kept one of the moving elements but ended up hiding the others for smaller screens until I figure out how to put the moving elements behind static elements. It's a battle haha.

[@bertwesler1181]

Please, I beg you, STOP SAYING, "GO AHEAD!!!!!"

[@vnv3043]

Sitting on the edge of the cliff, bert?