Animation & Effects Demo
Explore the scroll and load animations available in this theme.
Scroll down to see this image fade in smoothly. This effect creates an elegant reveal as the section comes into view, drawing the viewer's attention to the content.
CSS Classes: onscroll-image-fade-in
When the page loads, this text fades in from the left side of the screen, creating a dynamic entrance effect. This happens automatically when the page is first displayed.
CSS Classes: onload-content-fade-right
This section's content fades in from the right when the page loads. Perfect for creating asymmetrical, engaging layouts where content enters from different directions.
CSS Classes: onload-content-fade-left
This section combines multiple effects: the image fades in while the content fades in from the left. Both happen simultaneously when the page loads, creating a cohesive, polished entrance.
CSS Classes: onload-image-fade-in + onload-content-fade-right
The theme supports different orientations and image positions to create varied layouts:
image-position-left: Image on the left
image-position-right: Image on the right
image-position-center: Image in center
content-align-left: Text left-aligned
content-align-center: Text center-aligned
content-align-right: Text right-aligned
orient-left: Mirror layout to left
orient-right: Mirror layout to right
orient-center: Centered layout
onscroll-image-fade-in: Image fades
onscroll-fade-in: Full section fades
onscroll-content-fade: Content fades
For your wedding website, you can:
orient-left and orient-right to alternate layoutsonload and onscroll effects as neededUse these animation effects to enhance your wedding website. Scroll back up to see all the animations in action!