react-img-atv
Apple TV 3D parallax effect as component
Install
npm install --save react-img-atv
Usage
import AtvImg from 'react-img-atv'; <AtvImg = ="http://kloc.pm/images/kloc-icon-flattened.jpg" = = =/>
API
props
static propTypes =layers: PropTypesisRequiredisStatic: PropTypesboolstaticFallback: PropTypesstringclassName: PropTypesstringstyle: PropTypesobject;
data
layers
: Required. An array of image URLs. The images will be stacked on top of each other and the last element will be at the top.isStatic
: Optional. A boolean value. When it evaluates totrue
, it disables the parallax effect, and shows the flattened image (staticFallback
) instead.staticFallback
: Optional. A flattened image that contains all the layers.
styling
Use the following options to set up the width/height of the entire component
className
: Optional.style
: Optional.
License
react-img-atv © Kiko Beats, Released under the MIT License.
Authored and maintained by Kiko Beats with help from contributors.
kikobeats.com · GitHub Kiko Beats · Twitter @kikobeats