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

added blur filter in saperpage

Browse Source
This commit is contained in:
Kostya
2023-12-03 10:54:36 +03:00
parent aed1463e36
commit 525c35fb45
2 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
View File

@@ -20,10 +20,24 @@ input[type="number"]::-webkit-outer-spin-button {
padding-top: 10%; padding-top: 10%;
border-radius: 20px; border-radius: 20px;
background: #17181C; background: #17181C;
backdrop-filter: blur(100px);
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
} }
.bg {
background: #293561;
filter: blur(120px);
position: absolute;
top: 250px;
transform: rotate(180deg);
left: 200px;
width: 40%;
height: 55%;
z-index: -1;
}
.saper-start { .saper-start {
z-index: 1;
margin-left: 5%; margin-left: 5%;
border-radius: 20px; border-radius: 20px;
background: #22252F; background: #22252F;

1
luckydiamond/src/pages/games-pages/SapergamePage.vue
View File

@@ -7,6 +7,7 @@
<chat-component id="chat"></chat-component> <chat-component id="chat"></chat-component>
<section class="saper"> <section class="saper">
<div class="bg"></div>
<div class="saper-start"> <div class="saper-start">
<div class="saper-start__content title-saper padding-elements"> <div class="saper-start__content title-saper padding-elements">
<h2>Сапёр</h2> <h2>Сапёр</h2>