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

change styles for bg in header and home

Browse Source
This commit is contained in:
Kostya
2023-11-14 21:40:48 +03:00
parent 8315630f30
commit a02662de4d
2 changed files with 35 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -54,22 +54,22 @@ export default {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 50%;
height: 100%; height: 100%;
background: #DF85FF99; background: #DF85FF99;
filter: blur(265px); filter: blur(125px);
z-index: -1; z-index: -1;
} }
.header::after { .header::after {
content: ''; content: '';
position: absolute; position: absolute;
top: 0; top: 0;
left: 22%; left: 50%;
width: 60%; width: 100%;
height: 100%; height: 100%;
background: #7000FF; background: #7000FF;
filter: blur(265px); filter: blur(125px);
z-index: -2; z-index: -1;
} }
.header__content { .header__content {
display: flex; display: flex;

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

@@ -24,5 +24,34 @@ export default {
.home { .home {
margin-top: 60px; margin-top: 60px;
padding: 20px; padding: 20px;
width: 100%;
position: relative;
top: 0;
z-index: -1;
overflow: hidden;
}
.home::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
border-radius: 40px;
background: #DF85FF99;
filter: blur(405px);
z-index: -1;
}
.home::after {
content: '';
position: absolute;
top: 0%;
left: 50%;
width: 100%;
height: 50%;
border-radius: 40px;
background: #7000FF;
filter: blur(465px);
z-index: -1;
} }
</style> </style>