Slider Transitions

by | Mar 27, 2019 | Header | 0 comments

heading

button

heaDING 2

SOMTHING HERE

BUTTON

HEADING 4

SOMTHING HERE AGAIN

BUTTON

Changing the description transition

.et-pb-active-slide .et_pb_slide_description {
animation-name: fadeBottom;
}

Changing the side image or video transition

.et-pb-active-slide .et_pb_slide_image, .et-pb-active-slide .et_pb_slide_video { animation-name: fadeLeft; }

Grow
fadeIn
slideWidth
gridFadeIn
flipInX
flipInY
fadeLeft
fadeBottom
fadeInLeft
fadeRight
fadeInRight
fadeOutRight
fadeInTop
fadeOutTop
fadeOutBottom
fadeOutLeft
fadeTop
fadeInRight

Changing the description transition

.et-pb-active-slide .et_pb_slide_description {
animation-name: fadeBottom;
}

Changing the side image or video transition

.et-pb-active-slide .et_pb_slide_image, .et-pb-active-slide .et_pb_slide_video { animation-name: fadeLeft; }

Grow
fadeIn
slideWidth
gridFadeIn
flipInX
flipInY
fadeLeft
fadeBottom
fadeInLeft
fadeRight
fadeInRight
fadeOutRight
fadeInTop
fadeOutTop
fadeOutBottom
fadeOutLeft
fadeTop
fadeInRight

Submit a Comment

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