Knowledge Base
CSS
Plugins
- Locked out from Updraftplus Dashboard
- MAINWP – Kod för att se Server-IP
- Elementor List Icon fix
- Browser downloads file when opening a page
- Elementor Scroll Offset Menu Anchors
- Widget Panel Not Loading
- Align checkboxes to the right
- Greatly Improve the Entrance Animations
- Elementor Posts Widget Title Length
- Change Product Description Tab and Titles in WooCommerce
Wordpress
- Problems with Cronjobs?
- Increase WordPress Memory Limit
- Admin Dashboard not Displaying Correctly
- Critical error on this website
- Disable file editing in WordPress admin
- Password Protected Pages
- Hemsida dålig laddtid vid besök första gången
- Hjälp med koder (Multisite)
- How to add text under add to cart
Browsers
Windows
Server
Themes
WooCommerce
< All Topics
Print
Greatly Improve the Entrance Animations
Posted2024-06-12
Updated2025-05-10
ByLasse
/* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */
@keyframes fadeDown {
from {
opacity: 0;
transform: translate3d(0,-30px,0)
}
to {
opacity: 1;
transform: none
}
}
.elementor-element.fadeInDown {
animation-name: fadeDown
}
@keyframes fadeLeft {
from {
opacity: 0;
transform: translate3d(-30px,0,0)
}
to {
opacity: 1;
transform: none
}
}
.elementor-element.fadeInLeft {
animation-name: fadeLeft
}
@keyframes fadeRight {
from {
opacity: 0;
transform: translate3d(30px,0,0)
}
to {
opacity: 1;
transform: none
}
}
.elementor-element.fadeInRight {
animation-name: fadeRight
}
@keyframes fadeUp {
from {
opacity: 0;
transform: translate3d(0,30px,0)
}
to {
opacity: 1;
transform: none
}
}
.elementor-element.fadeInUp {
animation-name: fadeUp
}
Table of Contents