YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added ElementScrollFader effect

Browse Source
This commit is contained in:
Dominic Masters
2018-06-08 08:37:56 +10:00
parent bfcf2d2412
commit 1713de31b6
4 changed files with 116 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
public/page/about/AboutPage.jsx
View File

@ -30,6 +30,7 @@ import FloatingContentBox from './../../content/FloatingContentBox';
import Image from './../../image/Image';
import Video from './../../video/Video';
import { Title, Subtitle } from './../../typography/Typography';
import ElementScrollFader from './../../animation/fade/ElementScrollFader';
const AboutPage = (props) => {
return (
@ -53,11 +54,13 @@ const AboutPage = (props) => {
<PageBoundary>
<SplitSection>
<Split className="u-text-center">
<Video
image={ require('./../../videos/bunny/big_buck_bunny.jpg') }
mp4={ require('./../../videos/bunny/big_buck_bunny.mp4') }
controls
/>
<ElementScrollFader>
<Image
image={ require('./../../videos/bunny/big_buck_bunny.jpg') }
mp4={ require('./../../videos/bunny/big_buck_bunny.mp4') }
controls
/>
</ElementScrollFader>
</Split>
<Split className="u-text-center">