#NewInElementor: Box Shadow & Animations

It’s been two weeks since the last update, and we have some cool new features and other news to tell you about.

As this article on Webdesigner Depot suggests, in the last few years, websites have become more and more alike. Creating a unique web design, one that draws visitors to stay and browse the site, has become a harder task to follow. The subtle design touches are what make or break a design.

This is why we place great focus into giving you special design features, that go further than the basic blocks of content. Today we are introducing two such features, that will help you create websites that really stand out among the crowd.

Let’s start with the first one – Box Shadow.

box shadow_02

Box Shadow

I have to confess that this is one of my all time favorite features we have ever released in Elementor.

With the inclusion of the new Box Shadow feature into Elementor, you now have a simple yet powerful ability to make your site design more unique, by adding custom made shadows to columns, elements and sections.

box shadow_01

Box Shadow joins another recently released visual feature, Background Overlay, and can be really handy when designing homepages, or anywhere else in your site where you want to add this effect.


Entrance Animations

With the Animation feature, you can add any one of 37 different animations to your widgets, columns or sections. This is a feature a lot of our users were asking for, and now it’s time to deliver. You can also set animation to play at normal, slow or fast speed.

Animations include:

  • Fading: Fade in, fade in up, down, left, right
  • Zooming: Zoom in, zoom in up, down, left, right,
  • Bouncing: Bounce in, bounce in up, down, left, right
  • Sliding: Slide in up, down, left, right
  • Rotating: Rotate in, rotate in down left, down right, up left, up right
  • Attention seekers: Bounce, flash, pulse, rubber band, shake, head shake, swing, tada, wobble, jello
  • Light speed in
  • Roll in
  • Learn how to add entrance animation

New Video Tutorial Series on Elementor

Last week we started recording a series of video tutorials for Elementor, and have already created the first 7 tutorials to help you learn how to design with Elementor. Subscribe to our YouTube channel to get notified every time we release a new tutorial. We are starting out with a basic overview of each widget, and plan to release more advanced tutorials in the near future.


Elementor in the Blogosphere

We’ve had some really amazing websites writing about Elementor this past two weeks:

  • Hongkiat – Fresh Resources for Web Developers – July 2016
  • Codrops – Collective #227
  • Abduzeedo – Weekly Roundup
  • One Page Love – Inclusion of Elementor’s homepage design
  • HostAdvice – An in depth interview with Elementor’s Co-Founder
  • Freemius – Writing Smart WordPress Plugin Copy That Drives Installs
  • Templatic – New Era For Designers? Stop Relying on Developers
  • WPism

5,000+ Active Installs

We are pleased to see so many people appreciating all the hard work we put into Elementor. The growth stats we are seeing are phenomenal. With over 25,000 downloads, and over 5,000 active installs, we are gradually climbing the ladder towards being the No.1 page builder for WordPress. This is where you can step in. Want to see more new features and widgets in Elementor? Get 4 friends of yours who have built at least one web page in their life to give Elementor a spin.


About the Author

Ben Pines
Ben Pines
Elementor evangelist & head of content. Follow me on Twitter

Share on

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp

Liked This Article?

We have a lot more where that came from! Join 1,365,209 subscribers who stay ahead of the pack.

By entering your email, you agree to our Terms of Service and Privacy Policy.


19 Responses

  1. Hey Ben,

    I want to start making and selling themes with you guys plug-in and I wanted to know if there is a way to make and save custom layouts?


    1. Right now this is not possible, but we are already working on releasing a well ordered and well explained API for developers.

  2. Hi
    I have just installed Elementor on my wordpress review site and i am re-designing it with your page builder, i have a couple of questions, #1- If i setup a page to nofollow on wordpress will that reflect when i edit an Elementor and save, #2 – When will the “Page Settings” page be ready, would love just to stay on Elementor editor rather than jumping back and forth.
    I am not an expert I am in that learning curve of wordpress websites.


    1. Hi Garry,
      Thanks for the feedback! Glad you liked Elementor.
      Regarding the nofollow, Elementor doesn’t effect the links created.
      Regarding the page settings, we are working hard on it, so please be patient.

  3. Hi, entrance animations are great 🙂 I miss the capacity to play them as rollover animations, is there any chance? Else, the possibility to play them again would be a plus.

  4. Hi, indeeed, but I miss the possibility to play these same effects when the user SCROLLS DOWN (or UP) the page. There are other CSS/JS libraries for that, but I would not like to add too many scripts. Another trigger for the same effects you have already finetuned in Elementor would be just perfect 🙂

  5. Hello Sir, Is there any way to do the animation when the user reaches to end of the section, because sometimes i can see that the animation occurs even if the 10% part of section is visible

  6. Hi There my name is Zach I am using Elementor and I have turned off all the animation on the back end, but they still seem to be showing up some places. Example is on my homepage when you scroll down any ideas? I actually had to take animation off all of my elements as it was doing a very weird glitche thing?

  7. Hi, my name is Ola, I am having problems with the entrance animation using elementor plugin. The section or element to which it is applied simply disappears on the live site. It does feel like it is fine in the elementor editor and then when you save, you experience what I described above. I have tried several suggestions including deactivating other plugins and it still doesn’t help. Hope you can guide on what to do. Thanks

  8. I have the same question as Mike: is it possible to apply the entrance animation ‘light speed in’ from the left? If not, is there code that I can add myself, to change the animation ?

Leave a Reply

Your email address will not be published. Required fields are marked *

Want to learn how to build better websites?

Join 1,365,209 Elementors, and get a weekly roundup of our best skill-enhancing content.

By entering your email, you agree to our Terms of Service and Privacy Policy.