search

elementor / elementor

The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.
https://elementor.com/
GNU General Public License v3.0
6.59k stars 1.42k forks source link

🚀 Feature Request: Entrance Animation Numeric Duration (Duplicate of #558, #3485) #3982

Closed dtronvig closed 6 years ago

dtronvig commented 6 years ago

Back in June, on #558, People were asking for numeric controls for Entrance Animation Delay and Duration.

A numeric control for Entrance Animation Delay was added in Version 1.5, but the choices for Entrance Animation Duration are still just "Slow", "Normal" & "Fast". If you get into that, you may as well offer choices for animation-timing-function, though that isn't a big concern for me.

In the meantime, what would be the best way to override those Duration settings, either setting the duration for individual elements or redefining the site-wide duration associated with, say, "Slow"? (presumably via custom CSS)

Thanks, Drew

bainternet commented 6 years ago

@dtronvig

Each element you give an entrance animation gets a CSS class .animated and depending on the duration you choose it gets a second class .animated-fast or .animated-slow ( normal speed gets no special class).

So if you want to override these you can use the widget selector plus the animated and animated-slow/fast ex:

selector.animated.animated-slow{
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}