aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/docs/components/pages/landing/turbohero-background.module.css
diff options
context:
space:
mode:
author简律纯 <i@jyunko.cn>2023-11-03 21:13:33 +0800
committer简律纯 <i@jyunko.cn>2023-11-03 21:13:33 +0800
commit9f0d43fe099a95ab1516ae951dcb60a89e76a5a5 (patch)
tree51614fe47bff8bb11028a07d4a35c34c9ff6594a /docs/components/pages/landing/turbohero-background.module.css
parent8f135707d069c900e055dae71e69909d6b9a41bb (diff)
downloadHydroRoll-9f0d43fe099a95ab1516ae951dcb60a89e76a5a5.tar.gz
HydroRoll-9f0d43fe099a95ab1516ae951dcb60a89e76a5a5.zip
chore: delete useless codes
Diffstat (limited to 'docs/components/pages/landing/turbohero-background.module.css')
-rw-r--r--docs/components/pages/landing/turbohero-background.module.css108
1 files changed, 0 insertions, 108 deletions
diff --git a/docs/components/pages/landing/turbohero-background.module.css b/docs/components/pages/landing/turbohero-background.module.css
deleted file mode 100644
index 8f157e1..0000000
--- a/docs/components/pages/landing/turbohero-background.module.css
+++ /dev/null
@@ -1,108 +0,0 @@
-.container {
- position: absolute;
- z-index: -6;
- overflow: hidden;
- inset: 0;
- transition: perspective 3000ms ease 0s;
-}
-
-.lines {
- --right: #f8cde8;
- --left: #b9ddff;
- position: absolute;
- width: 200vw;
- margin-left: -50%;
- transform: translateY(0);
- background-image: linear-gradient(
- to right,
- var(--left) 45%,
- rgba(0, 0, 0, 0) 50%,
- var(--right) 55%
- );
- mask-image: linear-gradient(
- to right,
- rgba(0, 0, 0, 1) 2px,
- rgba(0, 0, 0, 0) 1px
- ),
- linear-gradient(to bottom, rgba(0, 0, 0, 1) 2px, rgba(0, 0, 0, 0) 1px);
- mask-size: 60px 60px;
- overflow: hidden;
- mask-repeat: repeat repeat;
- display: flex;
- align-items: center;
- justify-content: center;
- inset: -100% 0px;
- background-position-y: 100%;
- mask-position: 50% 0px;
- animation: go-up 60s linear infinite;
-}
-
-@media (min-width: 1024px) {
- .lines {
- animation-duration: 30s;
- mask-size: 80px 80px;
- }
-}
-
-:global(.dark) .lines {
- --right: #4c2638;
- --left: #223b67;
-}
-
-@keyframes go-up {
- 0% {
- transform: translateY(0);
- }
-
- 100% {
- transform: translateY(calc(50% + 28px));
- }
-}
-
-.pulse::before {
- content: "";
- position: absolute;
- inset: 0px;
- animation: pulse-frames ease-out 8s infinite;
- animation-delay: 0s;
- background: rgba(0, 0, 0, 0)
- linear-gradient(
- to top,
- rgba(0, 0, 0, 0) 45%,
- var(--pulse-color) 50%,
- rgba(0, 0, 0, 0) 90%
- )
- no-repeat;
- z-index: 211;
- animation-delay: var(--delay);
-}
-
-@keyframes pulse-frames {
- 0% {
- transform: translateY(0%);
- }
- 50% {
- transform: translateY(200%);
- }
- 100% {
- transform: translateY(200%);
- }
-}
-
-@media (prefers-reduced-motion) {
- .lines {
- animation: none;
- }
- .pulse::before {
- animation: none;
- }
-}
-
-@media (prefers-reduced-motion) {
- .lines {
- animation: none;
- }
- .pulse::before {
- animation: none;
- }
-}