feat(home): wire ParallaxImage hero to homepage; tweak crossfade to 700ms
This commit is contained in:
@@ -19,6 +19,17 @@
|
|||||||
</div>
|
</div>
|
||||||
</MudItem>
|
</MudItem>
|
||||||
</MudGrid>
|
</MudGrid>
|
||||||
|
<ParallaxImage Image1="img/dd-duo-hero-bw.jpeg"
|
||||||
|
Image2="img/dd-duo-hero.jpeg"
|
||||||
|
Alt1="Deep DRFT Electronic Music Duo"
|
||||||
|
FullWidth
|
||||||
|
NaturalWidth="2048"
|
||||||
|
NaturalHeight="1365"
|
||||||
|
WindowHeightFraction="0.4"
|
||||||
|
ImageHeight="auto"
|
||||||
|
ImageWidth="100%"
|
||||||
|
ParallaxSpeed="0.4"
|
||||||
|
Class="my-8"/>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
@* Divider *@
|
@* Divider *@
|
||||||
|
|||||||
@@ -36,7 +36,7 @@
|
|||||||
|
|
||||||
.layer-2 {
|
.layer-2 {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
transition: opacity 400ms ease;
|
transition: opacity 700ms ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.parallax-window:hover .layer-2 {
|
.parallax-window:hover .layer-2 {
|
||||||
|
|||||||
Reference in New Issue
Block a user