mirror of
https://github.com/MrEidam/bigredbutton.git
synced 2026-04-17 15:43:31 +00:00
Version 44
This commit is contained in:
@@ -75,7 +75,7 @@ body{
|
||||
transition: 0.5s;
|
||||
}
|
||||
.changelog:hover svg{
|
||||
color: #d33;
|
||||
color: #a33;
|
||||
}
|
||||
|
||||
/* Social */
|
||||
|
||||
43
css/lang.css
Normal file
43
css/lang.css
Normal file
@@ -0,0 +1,43 @@
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
body{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
min-height: 100vh;
|
||||
background: linear-gradient(-45deg, #5add5a, #333);
|
||||
}
|
||||
article{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
filter: blur(500px);
|
||||
}
|
||||
section{
|
||||
z-index: 5;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 2em 5em;
|
||||
filter: drop-shadow(0px 20px 14px #444);
|
||||
}
|
||||
section button{
|
||||
width: 300px;
|
||||
height: 150px;
|
||||
margin: 1rem;
|
||||
background-image: var(--bci);
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
transition: 0.5s;
|
||||
}
|
||||
section:hover button:not(:hover){
|
||||
filter: blur(10px);
|
||||
transition: 0.5s;
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
.menu-container{
|
||||
position: absolute;
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
@@ -8,6 +8,7 @@
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-family: 'Poppins';
|
||||
z-index: 500;
|
||||
}
|
||||
.button{
|
||||
position: relative;
|
||||
|
||||
26
css/shop.css
26
css/shop.css
@@ -149,6 +149,32 @@ button{
|
||||
}
|
||||
}
|
||||
|
||||
.upwards{
|
||||
position: fixed;
|
||||
bottom: 16px;
|
||||
right: 32px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
filter: drop-shadow(10px 8px 6px #333);
|
||||
background: #999;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: all .4s;
|
||||
}
|
||||
.upwards.active{
|
||||
bottom: 32px;
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
.upwards img{
|
||||
width: 1.25em;
|
||||
filter: drop-shadow(10px 8px 6px #333);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar{
|
||||
background: transparent;
|
||||
width: 5px;
|
||||
|
||||
Reference in New Issue
Block a user