GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-02-04 01:32:54 +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` const StyledHeroSection = styled.section`
position: relative; position: relative;
padding: 4em 4em 2em; 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 { background-position: top center;
z-index: 0; image-rendering: pixelated;
position: absolute; -webkit-mask-image: linear-gradient(to bottom, transparent, 20%, white, 90%, transparent);
content: ""; mask-image: linear-gradient(to bottom, transparent, 20%, white, 90%, transparent);
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%);
}
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
padding: 2em; padding: 2em;