diff options
| author | littleblack111 <littleblack11111@gmail.com> | 2023-11-05 17:23:37 +0800 |
|---|---|---|
| committer | littleblack111 <littleblack11111@gmail.com> | 2023-11-05 17:23:37 +0800 |
| commit | 2cdf0cb352ab6a2d0f8cb25120e4ebc92c5316e3 (patch) | |
| tree | 6b088c99810bd013f17b80522c936ca6dfc09858 /dest/css/index.css | |
| parent | f8ee6ef722e6c560c4a1c879e04dbdf0b01f0316 (diff) | |
removed autoprefix hover as it will have a high chance of making hover stopped working
Diffstat (limited to 'dest/css/index.css')
| -rw-r--r-- | dest/css/index.css | 123 |
1 files changed, 1 insertions, 122 deletions
diff --git a/dest/css/index.css b/dest/css/index.css index 9e10a113..82c3443c 100644 --- a/dest/css/index.css +++ b/dest/css/index.css @@ -1,122 +1 @@ -/* :root { */ -/* --primary-color: mediumslateblue; */ -/* } */ -.wrapper { - height: 100vh; - width: 100%; - top: 0; - left: 0; - overflow-x: hidden; - -ms-overflow-style: none; - scrollbar-width: none; - z-index: -6; -} -.wrapper::-webkit-scrollbar { - display: none; -} -/* main info window ======================================= */ -.indexPage { - overflow: hidden; - top: 0; - left: 0; - margin: 0; - padding: 0; - width: 100%; - height: 100%; - background-color: rgb(20, 53, 85); - background-image: url(/images/backgroundNightCity.jpg) ,url(/images/backgroundNightCity.webp); - background-position: center; - background-repeat: no-repeat; - background-size: cover; - color: #F4E8C1; - z-index: -10; -} -.window { - position: relative; - top: 15%; - left: 10%; - height: 70%; - width: 80%; - background: transparent; - display: flex; - justify-content: center; - align-items: center; - z-index: 999; - /* transform-style: preserve-3d; */ - /* perspective: 1000px; */ -} -/* .window:after { */ -/* content: ""; */ -/* height: 70px; */ -/* width: 1px; */ -/* position: absolute; */ -/* left: -1px; */ -/* top: 65%; */ -/* transition: top, opacity; */ -/* transition-duration: 600ms; */ -/* transition-timing-function: ease; */ -/* background: linear-gradient( */ -/* transparent, */ -/* var(--primary-color), */ -/* transparent */ -/* ); */ -/* opacity: 0; */ -/* } */ -/* .window:hover:after { */ -/* top: 25%; */ -/* opacity: 1; */ -/* } */ -.window .windowWrap { - position: relative; - width: 100%; - height: 100%; - border: 1px solid #ffffff; - border: 1px solid rgba(255,255,255, .15); - border-radius: 1em; - -webkit-backdrop-filter: blur(16px); - backdrop-filter: blur(16px); - box-shadow: 0 0 10mm rgba(0,0,0,1); - display: flex; - justify-content: center; - align-items: center; - text-align: center; - z-index: 11; -} -.using-mouse .window:hover, -.using-mouse .windowWrap:hover { - transform: scale(1.1); - transition: all 0.3s; -} -.window .windowWrap .text { - position: relative; - width: 100%; - text-align: center; - text-shadow: 10px 10px 10px black; -} -.window .windowWrap .text .title { - /* z-index: -1; */ - /* transform: translateZ(30px); */ - font-family: monoton; - font-size: 7vw; - text-transform: uppercase -} -.description { - /* z-index: -1; */ - /* transform: translateZ(30px); */ - font-family: rocksalt; - font-size: 1.75vw; -} -.title { - text-shadow: 15px 15px 15px black; - transition: all 0.5s -} -.using-mouse .title:hover { - transform: scale(1.1); - transition: all 0.5s -} -.window .windowWrap .text .br { - display: block; - height: 0; - width: 0; - margin-bottom: 5vh; -} +.wrapper{-ms-overflow-style:none;height:100vh;left:0;overflow-x:hidden;scrollbar-width:none;top:0;width:100%;z-index:-6}.wrapper::-webkit-scrollbar{display:none}.indexPage{background-color:#143555;background-image:url(/images/backgroundNightCity.jpg),url(/images/backgroundNightCity.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#f4e8c1;height:100%;left:0;margin:0;overflow:hidden;padding:0;top:0;width:100%;z-index:-10}.window{background:transparent;height:70%;left:10%;top:15%;width:80%;z-index:999}.window,.window .windowWrap{align-items:center;display:flex;justify-content:center;position:relative}.window .windowWrap{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #fff;border:1px solid hsla(0,0%,100%,.15);border-radius:1em;box-shadow:0 0 10mm #000;height:100%;text-align:center;width:100%;z-index:11}.window:hover,.windowWrap:hover{transform:scale(1.1);-webkit-transition:all .3s;transition:all .3s}.window .windowWrap .text{position:relative;text-align:center;text-shadow:10px 10px 10px #000;width:100%}.window .windowWrap .text .title{font-family:monoton;font-size:7vw;text-transform:uppercase}.description{font-family:rocksalt;font-size:1.75vw}.title{text-shadow:15px 15px 15px #000;-webkit-transition:all .5s;transition:all .5s}.title:hover{transform:scale(1.1);-webkit-transition:all .5s;transition:all .5s}.window .windowWrap .text .br{display:block;height:0;margin-bottom:5vh;width:0}
\ No newline at end of file |
