We Provide

Smooth transitions that bring elements gently into view.

Welcome to BCW

We bring smooth fade-up animations to your web pages, making content appear naturally as you scroll.

Code snippet showing the fade-up CSS and JavaScript in action on a clean interface.
Code snippet showing the fade-up CSS and JavaScript in action on a clean interface.
A developer happily working on a laptop with fade-up animations visible on the screen.
A developer happily working on a laptop with fade-up animations visible on the screen.

How it works

Our script watches your page and triggers smooth fade-ups when elements scroll into view.

fadeup effects

Smooth fade and slide animations triggered on scroll.

Base State

Elements start invisible and shifted down by 60 pixels.

Screenshot showing elements with zero opacity and downward translation before animation.
Screenshot showing elements with zero opacity and downward translation before animation.
Visible State

Elements fade in and slide up smoothly when scrolled into view.

The transition uses ease timing over 0.9 seconds for a gentle effect.

Observer Logic
Code snippet illustrating IntersectionObserver watching fade-up elements.
Code snippet illustrating IntersectionObserver watching fade-up elements.
Visual demo of elements animating upward as they enter the viewport.
Visual demo of elements animating upward as they enter the viewport.