summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorlittleblack111 <littleblack11111@gmail.com>2023-11-09 22:46:06 +0800
committerlittleblack111 <littleblack11111@gmail.com>2023-11-09 22:46:06 +0800
commitf5ec0e57d34b24b5706cd8f147e68a2fe6eeee30 (patch)
treebba0d4d3fbabfa536844f7d60cfeacee6cc2f9d4
parent8003d828f26afb5dacf1906be7510b211ada2444 (diff)
updates
-rw-r--r--dest/css/404.css2
-rw-r--r--src/css/404.css13
2 files changed, 7 insertions, 8 deletions
diff --git a/dest/css/404.css b/dest/css/404.css
index 08720623..a598b573 100644
--- a/dest/css/404.css
+++ b/dest/css/404.css
@@ -1 +1 @@
-*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;padding:0;transition:transform .5s}body:hover{transform:scale(1.1);transition:transform .5s}#notfound{background:#030005;height:100vh;position:relative}#notfound .notfound{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound{line-height:1.4;max-width:767px;text-align:center;width:100%}.notfound .notfound-404{height:180px;margin-bottom:20px;position:relative;z-index:-1}.notfound .notfound-404 h1{color:#030005;font-size:224px;font-weight:900;left:50%;letter-spacing:-20px;margin-bottom:0;margin-left:-12px;margin-top:0;text-shadow:-2px -2px 0 #8400ff,2px 2px 0 #ff005a;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound .notfound-404 h1,.notfound .notfound-404 h2{font-family:Montserrat,sans-serif;position:absolute;text-transform:uppercase}.notfound .notfound-404 h2{color:#fff;font-size:42px;font-weight:700;left:0;letter-spacing:13px;margin:0;right:0;text-shadow:0 .5px 0 #ff005a,0 2px 0 #8400ff;top:110px}.notfound a{background:transparent;border:2px solid;color:#ff005a;display:inline-block;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;padding:10px 40px;text-decoration:none;text-transform:uppercase;-webkit-transition:all .2s;transition:all .2s}.notfound a:hover{box-shadow:0 0 25mm #8400ff;color:#8400ff;transform:scale(1.01);transition:transform .5s}.notfound:hover:has(a:hover) a:not(:hover){transform:scale(.99);transition:transition .5s}@media only screen and (max-width:767px){.notfound .notfound-404 h2{font-size:24px}}@media only screen and (max-width:480px){.notfound .notfound-404 h1{font-size:182px}} \ No newline at end of file
+*{-webkit-box-sizing:border-box;box-sizing:border-box}body{margin:0;padding:0;transform:scale(1.1);transition:transform 1s}#notfound{background:#030005;height:100vh;position:relative}#notfound .notfound{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound{line-height:1.4;max-width:767px;text-align:center;width:100%}.notfound .notfound-404{height:180px;margin-bottom:20px;position:relative;z-index:-1}.notfound .notfound-404 h1{color:#030005;font-size:224px;font-weight:900;left:50%;letter-spacing:-20px;margin-bottom:0;margin-left:-12px;margin-top:0;text-shadow:-2px -2px 0 #8400ff,2px 2px 0 #ff005a;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.notfound .notfound-404 h1,.notfound .notfound-404 h2{font-family:Montserrat,sans-serif;position:absolute;text-transform:uppercase}.notfound .notfound-404 h2{color:#fff;font-size:42px;font-weight:700;left:0;letter-spacing:13px;margin:0;right:0;text-shadow:0 .5px 0 #ff005a,0 2px 0 #8400ff;text-shadow:0 0 .125em hsla(0,0%,100%,.1),0 0 .13em currentColor;top:110px}.notfound a{background:transparent;border:2px solid;box-shadow:0 0 .5em 0 currentColor;color:#ff005a;display:inline-block;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;padding:10px 40px;text-decoration:none;text-shadow:0 0 .125em hsla(0,0%,100%,.1),0 0 .45em currentColor;text-transform:uppercase;-webkit-transition:all .2s;transition:all .2s}.notfound a:hover{box-shadow:0 0 .5em 0 currentColor,0 0 .5em 0 currentColor,0 0 25mm #8400ff;color:#8400ff;transform:scale(1.01);transition:transform .5s}.notfound:hover:has(a:hover) a:not(:hover){transform:scale(.99);transition:transform .5s}@media only screen and (max-width:767px){.notfound .notfound-404 h2{font-size:24px}}@media only screen and (max-width:480px){.notfound .notfound-404 h1{font-size:182px}} \ No newline at end of file
diff --git a/src/css/404.css b/src/css/404.css
index 4198b37e..1a2639cd 100644
--- a/src/css/404.css
+++ b/src/css/404.css
@@ -6,12 +6,8 @@
body {
padding: 0;
margin: 0;
- transition: transform 0.5s;
-}
-
-body:hover {
- transform: scale(1.1);
- transition: transform 0.5s;
+ transform: scale(1.1);
+ transition: transform 1s;
}
#notfound {
@@ -75,6 +71,7 @@ body:hover {
text-shadow: 0px .5px 0px #ff005a, 0px 2px 0px #8400ff;
letter-spacing: 13px;
margin: 0;
+ text-shadow: 0 0 0.125em hsl(255 0% 100% / 0.1), 0 0 0.130em currentColor;
}
.notfound a {
@@ -90,12 +87,14 @@ body:hover {
font-weight: 700;
-webkit-transition: 0.2s all;
transition: 0.2s all;
+ text-shadow: 0 0 0.125em hsl(0 0% 100% / 0.1), 0 0 0.45em currentColor;
+ box-shadow: 0 0 0.5em 0 currentColor;
}
.notfound a:hover {
color: #8400ff;
transform: scale(1.01);
- box-shadow: 0 0 25mm #8400ff;
+ box-shadow: 0 0 0.5em 0 currentColor, 0 0 0.5em 0 currentColor, 0 0 25mm #8400ff;
transition: transform 0.5s;
}