Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save simbasounds/588cd5ae213ad5f3edc9e63d755f9fa2 to your computer and use it in GitHub Desktop.
Save simbasounds/588cd5ae213ad5f3edc9e63d755f9fa2 to your computer and use it in GitHub Desktop.
The default entrance animations in Bricks Builder are too extreme. To tame some of them, add this to Bricks > Settings > Custom code > Custom CSS.
@keyframes fadeInDown2 {
from {
opacity: 0;
transform: translate3d(0, -30px, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes fadeInLeft2 {
from {
opacity: 0;
transform: translate3d(-30px, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes fadeInRight2 {
from {
opacity: 0;
transform: translate3d(30px, 0, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes fadeInUp2 {
from {
opacity: 0;
transform: translate3d(0, 30px, 0)
}
to {
opacity: 1;
transform: none
}
}
@keyframes zoomIn2 {
from {
opacity: 0;
transform: scale3d(.8,.8,.8);
}
to {
opacity: 1;
}
}
.brx-animate-fadeInUp {
animation-name: fadeInUp2 !important;
}
.brx-animate-fadeInDown {
animation-name: fadeInDown2 !important;
}
.brx-animate-fadeInLeft {
animation-name: fadeInLeft2 !important;
}
.brx-animate-fadeInRight {
animation-name: fadeInRight2 !important;
}
.brx-animate-zoomIn {
animation-name: zoomIn2 !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment