yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 04:09:29 +02:00
Code Issues Packages Projects Releases Wiki Activity

added bg for header element

Browse Source
This commit is contained in:
Kostya
2023-11-13 21:16:27 +03:00
parent 278b3232d7
commit 35aede5650
1 changed files with 28 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
luckydiamond/src/pages/HeaderElement.vue
View File

@@ -22,8 +22,35 @@ export default {
width: 100%;
z-index: 1;
user-select: none;
overflow: hidden;
}
.header::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(223, 133, 255, 0.60);
filter: blur(115px);
z-index: -1;
}
.header::after {
content: '';
position: absolute;
top: 0;
left: 22%;
width: 60%;
height: 100%;
background: #7000FF;
filter: blur(190px);
z-index: -2;
}
.header__content {
padding: 10px;
position: relative;
z-index: 1;
}
.header__logo {
padding: 26px 58px;
}
</style>