-
0 mSunlight -
−6 mSunlight -
−12 mSunlight -
−18 mSunlight -
−30 mSunlight -
−45 mSunlight -
−90 mSunlight -
−300 mTwilight -
−380 mTwilight -
−450 mTwilight -
−550 mTwilight -
−600 mTwilight -
−700 mTwilight -
−850 mTwilight -
−1,000 mMidnight -
−1,200 mMidnight -
−1,400 mMidnight -
−1,600 mMidnight -
−1,800 mMidnight -
−2,000 mMidnight -
−2,400 mMidnight -
−4,000 mAbyss -
−4,200 mAbyss -
−4,500 mAbyss -
−5,800 mAbyss -
−7,000 mTrench -
−7,900 mTrench -
−10,900 mTrench
Merrowdeep Ocean Institute Water Column Grid
Twenty-eight animals from the surface to the deepest trench, in the order a dive would meet them. Go down and each card rises out of the dark as far as you scroll (Essential Grid 4.0’s reveal, With the scroll), while the water turns from blue to black. Pick a zone; one click opens the animal.
The live grid
yoursite.com/merrowdeep-ocean-institute-water-column-grid/Live grid · demo content
An invented institute with generated photographs of real animals; depths are typical, not limits. The reveal is Essential Grid 4.0’s Loading › Entrance › Reveal (With the scroll); where a browser cannot tie it to the scroll it plays per card, and with reduced motion every card is simply there. One grid, eleven styles
The recipe
- Use case
- Blog & magazine
- Layout
- Masonry
- Source
- Custom grid
- Skin
- Water Column
- Effects
- Depth gradientFocus pull entranceLightboxWith the scroll reveal
- Grid features
- Scroll revealFilter buttonsFilter counts
- Works with
- GutenbergElementorDiviWPBakeryShortcode



