Time Rift Portfolio – Animation
- Hero Section – “Welcome to My Time Rift”
- The headline letters animate individually, popping in with a 3D rotation and subtle bounce for a futuristic feel.
- Behind the text, a glowing portal pulses gently, giving a sense of depth and energy.
- Subtle parallax stars move slightly with the cursor, creating an immersive space-like environment.
- Neon energy rings expand continuously, occasionally triggering a soft “shockwave” effect, accompanied by a brief flash and vibration for extra dynamism.
- Portfolio Section
- Image rows slide horizontally as the user scrolls, giving the impression of motion and flow.
- The effect is smooth and scroll-responsive, creating a sense of exploration through the work gallery.
- Timeline / About Section
- Timeline items slide in from the left or right as the user scrolls down.
- Each dot pulses when its content enters the viewport, highlighting milestones in a visually engaging way.
- When the user scrolls back up, the items and dots animate in reverse, maintaining a dynamic and responsive experience.
- Overall, the timeline has a neon-glow aesthetic that aligns with the futuristic theme.
- Contact / Form Section
- Input fields and the “Send” button float in from below with staggered timing.
- Neon glow appears around each field, giving a high-tech, interactive vibe.
- The button responds to hover with a magnetic scale effect, inviting interaction.
- The animation reverses if the user scrolls back, maintaining continuity.
- Global Effects
- A canvas-based particle background simulates floating neon particles, adding depth and motion to the page.
- Cursor is custom and magnetic, following user movement with a smooth delay for a sci-fi feel.
- Overall, the animations are smooth, modern, and highly interactive, reinforcing a futuristic, immersive digital portfolio aesthetic.
