Gallery

Cascading Markers 2

Cascading Markers

A mesmerizing abstract shader effect featuring concentric rectangular frames that spiral inward toward the center, creating a tunnel-like perspective. The base layer consists of diagonal stripes at 45 degrees alternating between blue (#3471d1) and light-green (#98eaa6), providing a foundational pattern. Overlaid on this are falling diagonal lines in coral-red (#c95150) and soft gray-blue (#a6c5c9) that cascade downward at a 45-degree angle with a speed of 0.2, creating a sense of motion and depth. A strong twirl distortion effect with negative intensity (-0.7) warps the entire composition around a point in the upper-left quadrant (approximately 17.8% from left, 23.7% from top), pulling the rectangular frames into a spiral vortex pattern. A tilt-shift blur effect is applied at a 159-degree angle, creating a selective focus that emphasizes the central spiral while softening the peripheral areas with a falloff of 0.7. The overall effect is enhanced with subtle film grain at 0.2 strength, adding texture and a slightly vintage quality. The color palette transitions from cool blues and greens in the striped base to warm coral-reds in the falling lines, creating visual tension. The mirrored edge handling on the twirl effect creates seamless continuity at the boundaries. The composition evokes a sense of motion, depth, and hypnotic movement drawing the viewer's eye toward the center.

Code

vue