Websites/liljudd-website
1
0
Fork 0
Code Issues Pull requests Projects Releases 3 Packages Wiki Activity

WIP: removed bg image from feature page

Browse source
This commit is contained in:
moonleay 2023-12-03 19:52:58 +01:00
parent c34662ce2d
commit ffa150d952
Signed by: moonleay
GPG key ID: 82667543CCD715FB
1 changed files with 12 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/styles/components/ImageSection.scss
View file

@ -8,15 +8,16 @@
position: relative; position: relative;
background-size: contain; background-size: contain;
background-color: rgba(183, 183, 183, 0.4); background-color: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(5px); //background-color: rgba(183, 183, 183, 0.5);
background-image: url("https://static.moonleay.net/img/lilJuddWeb/bgs/tapes-bg.png"), //backdrop-filter: blur(5px);
linear-gradient( //background-image: url("https://static.moonleay.net/img/lilJuddWeb/bgs/tapes-bg.png"),
180deg, // linear-gradient(
rgba(2, 0, 36, 0.1) 0%, // 180deg,
rgba(0, 0, 0, 0) 35%, // rgba(2, 0, 36, 0.1) 0%,
rgba(0, 0, 0, 0.25) 100% // rgba(0, 0, 0, 0) 35%,
); // rgba(0, 0, 0, 0.25) 100%
// );
&.centered { &.centered {
grid-column: 1/-1; grid-column: 1/-1;
@ -31,8 +32,8 @@
justify-content: space-around; justify-content: space-around;
.imgDiv { .imgDiv {
background-color: rgba(0, 0, 0, 0.4); //background-color: rgba(0, 0, 0, 0.4);
backdrop-filter: blur(5px); //backdrop-filter: blur(5px);
padding: 0.5rem; padding: 0.5rem;
margin-left: 3rem; margin-left: 3rem;