Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <Motion style={
- {
- x: spring(this.state.visible ? 0 : -100)
- }
- }>
- {
- function({x}) {
- return (
- <div onMouseDown={this.handleMouseDown} id="flyoutMenu" style={{
- transform: "translate3d(" + x + "vw, " + 15 + "vw, 0)"
- }}>
- <h2><a href="#">Home</a></h2>
- <h2><a href="#">About</a></h2>
- <h2><a href="#">Contact</a></h2>
- <h2><a href="#">Search</a></h2>
- </div>
- );
- }
- }
- </Motion>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement