Content Blocks
Editorial Parallax
Elegant parallax feature section with scroll animations.
featureparallaxeditorialscroll
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
features | Array<{number: string, title: string, desc: string}> | [] | Array of feature items with number, title, and description. |
backgroundColor | string | #f5f5f7 | Background color (hex, rgb, or hsl). |
image | string | https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=2564&auto=format&fit=crop | Background image URL. |
title | string | Pure | Section title text. |
titleItalic | string | Elegance | Italic title text. |
borderColor | string | #d4d4d4 | Border color. |
numberColor | string | #a3a3a3 | Feature number color. |
titleColor | string | #171717 | Title text color. |
descColor | string | #525252 | Description text color. |
badgeText | string | Live Preview | Badge text. |
badgeDotColor | string | #22c55e | Badge dot color. |
badgeBgColor | string | rgba(255,255,255,0.9) | Badge background color. |
badgeTextColor | string | #525252 | Badge text color. |
cardBgColor | string | #ffffff | Card background color. |
cardTextColor | string | #171717 | Card text color. |