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
- Limit Elementor Posts Widget text Length
- Change Product Description Tab and Titles in WooCommerce
- Tweak Crocoblock JetEngine Radio Filter
Wordpress
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