History & Satellite Earth 60 FPS Hardware Accelerated
Coral Reef Bleaching Before & After Slider: Vibrant Ecosystem to Ghostly White
Drag across tropical coral reefs and observe symbiodiniaceae algae expulsion turning living kaleidoscopic coral into chalk white skeletons.
Embed This Interactive Slider on Your Site
Works with WordPress, Webflow, Shopify, Squarespace, Ghost, Notion, and HTML websites.
<iframe src="https://diffslider.app/embed/demo-coral-reef-bleaching-comparison-slider" width="100%" height="600" frameborder="0" allowfullscreen loading="lazy" style="border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; overflow: hidden; max-width: 100%;"></iframe>
Customizing your embed:
-
?theme=light– Force clean white background -
?toolbar=0– Ultra-clean minimalist mode (slider only) -
?pos=65– Set default divider split position to 65% -
?mode=side– Default to side-by-side mode
Make Your Own
Create Your Own Before & After Comparison
Drag & drop 2 to 10 photos. No software to install, no watermark, 60 FPS mobile-ready.
- ✓ Free & no credit card required
- ✓ Up to 1600% synchronized pixel zoom
- ✓ Instant permanent link & embed snippet
Photography & Alignment Protocol
- 水下摄影机使用水下固定金属桩（Permanent Reef Marker Pin）；
- 使用水下色卡进行水体吸光滤色校正（补偿海水吸收红光的色偏）；
- 保持相机离珊瑚群落 1.5 米固定水下焦距。
Frequently Asked Questions
Why is an interactive slider so impactful for ocean conservation campaigns? ▼
Toggling across the vivid color disappearing into ghostly white conveys the urgency of marine heatwaves instantly.
Explore Other Real Comparison Demos
History & Satellite Earth