Add flowers
This commit is contained in:
@@ -34,3 +34,6 @@
|
|||||||
<!-- </section>-->
|
<!-- </section>-->
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<div class="background">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|||||||
@@ -84,3 +84,30 @@ img.envelope {
|
|||||||
width: 64px;
|
width: 64px;
|
||||||
margin-top: 8px;
|
margin-top: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.background {
|
||||||
|
pointer-events: none;
|
||||||
|
display: flex;
|
||||||
|
align-content: flex-end;
|
||||||
|
justify-items: flex-end;
|
||||||
|
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
|
||||||
|
&:before {
|
||||||
|
content: '';
|
||||||
|
|
||||||
|
opacity: 25%;
|
||||||
|
|
||||||
|
background: no-repeat center top url("../../assets/images/flowers.webp");
|
||||||
|
|
||||||
|
width: 100vw;
|
||||||
|
height: min(300px, 33vh);
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
BIN
src/assets/images/flowers.webp
Normal file
BIN
src/assets/images/flowers.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 150 KiB |
Reference in New Issue
Block a user