GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-01-27 15:22:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: update landing background

Browse Source
This commit is contained in:
AykutSarac 2024-03-20 22:03:33 +03:00
parent ee768c20ce
commit 4c6e1610ab
No known key found for this signature in database
1 changed files with 7 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/pages/index.tsx
View File

@ -9,19 +9,14 @@ import Layout from "src/layout/Layout";
const StyledHeroSection = styled.section`
position: relative;
padding: 4em 4em 2em;
background-size: 20px 20px;
background-image: linear-gradient(to right, #1a1c20 1px, transparent 1px),
linear-gradient(to bottom, #1a1c20 1px, transparent 1px);
&::before {
z-index: 0;
position: absolute;
content: "";
top: 0%;
right: 0;
width: 80%;
height: 100%;
background: linear-gradient(84deg, #8b32ff 0%, #a837dc 100%);
-webkit-mask-image: radial-gradient(rgba(0, 0, 0, 0.45), transparent 70%);
mask-image: radial-gradient(rgba(0, 0, 0, 0.45), transparent 70%);
}
background-position: top center;
image-rendering: pixelated;
-webkit-mask-image: linear-gradient(to bottom, transparent, 20%, white, 90%, transparent);
mask-image: linear-gradient(to bottom, transparent, 20%, white, 90%, transparent);
@media only screen and (max-width: 768px) {
padding: 2em;