LBRYFoundation/lbryorg
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbryorg.git synced 2025-09-01 09:45:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add a oarallax bg to make everything dark

Browse source
This commit is contained in:
HarshKhandeparkar 2020-06-08 03:03:36 +05:30
parent b4290d9ac1
commit 6cd83ec786
2 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
index.html
View file

@ -53,7 +53,8 @@
<!-- globalParallax --> <!-- globalParallax -->
<div class="parallax" id="global-parallax"> <div class="parallax" id="global-parallax">
<img src="./img/lbry_background_art.png" alt="bg-img" class="parallax-img" /> <img src="./img/lbry_background_art.png" alt="bg-img" class="parallax-img" />
<div class="parallax-mask" style="background-color: rgb(30, 100, 230); opacity: 0.5;"></div> <div class="parallax-mask"></div>
<div class="parallax-bg"></div>
<!-- globalParallaxContent --> <!-- globalParallaxContent -->
<div class="parallax-content"> <div class="parallax-content">

12
lib/css/index.css
View file

@ -44,7 +44,7 @@ html {
} }
.parallax .parallax-mask { .parallax .parallax-mask {
z-index: 0; z-index: 1;
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -68,10 +68,20 @@ html {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: 0; margin: 0;
position: absolute;
} }
#global-parallax .parallax-mask { #global-parallax .parallax-mask {
position: fixed; position: fixed;
background-color: rgb(30, 100, 230);
opacity: 0.5;
}
#global-parallax .parallax-bg {
position: fixed;
height: 100%;
background-color: black;
opacity: 1;
} }
#global-parallax { #global-parallax {