{"html":"

\n アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲンガギグゲゴザジズゼゾダヂヅデドバビブベボパピプペポアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲンガギグゲゴザジズゼゾダヂヅデドバビブベボパピプペポアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲンガギグゲゴザジズゼゾダヂヅデドバビブベボパピプペポアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲンガギグゲゴザジズゼゾダヂヅデドバビブベボパピプペポアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲンガギグゲゴザジズゼゾダヂヅデドバビブベボパピプペポアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホ\n アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲンガギグゲゴザジズゼゾダヂヅデドバビブベボパピプペポアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲンガギグゲゴザジズゼゾダヂヅデドバビブベボパピプペポアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲンガギグゲゴザジズゼゾダヂヅデドバビブベボパピプペポアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲンガギグゲゴザジズゼゾダヂヅデドバビブベボパピプペポアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲンガギグゲゴザジズゼゾダヂヅデドバビブベボパピプペポアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホ\n アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲンガギグゲゴザジズゼゾダヂヅデドバビブベボパピプペポアイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホ\n

\n","css":".jp-matrix {\n background-color: #05050a;\n width: 100%;\n height: 100%;\n overflow: hidden;\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));\n grid-auto-rows: 40px;\n min-width: 1920px;\n min-height: 1080px;\n font-size: 32px;\n color: rgba(0, 150, 255, 0.4);\n font-family: \"Courier New\", Courier, monospace;\n justify-content: center;\n align-content: center;\n}\n\n.jp-matrix > span {\n text-align: center;\n text-shadow: 0 0 5px rgba(0, 150, 255, 0.5);\n user-select: none;\n transition:\n color 0.5s,\n text-shadow 0.5s;\n line-height: 1;\n}\n\n.jp-matrix > span:nth-child(19n + 2) {\n animation: smooth-pulse 3.5s ease-in-out infinite 0.2s;\n}\n.jp-matrix > span:nth-child(29n + 1) {\n animation: smooth-pulse 4.1s ease-in-out infinite 0.7s;\n}\n.jp-matrix > span:nth-child(11n) {\n color: rgba(100, 200, 255, 0.7);\n animation: smooth-pulse 2.9s ease-in-out infinite 1.1s;\n}\n.jp-matrix > span:nth-child(37n + 10) {\n animation: smooth-pulse 5.3s ease-in-out infinite 1.5s;\n}\n.jp-matrix > span:nth-child(41n + 1) {\n animation: smooth-pulse 3.9s ease-in-out infinite 0.4s;\n}\n.jp-matrix > span:nth-child(17n + 9) {\n animation: smooth-pulse 2.8s ease-in-out infinite 0.9s;\n}\n.jp-matrix > span:nth-child(23n + 18) {\n animation: smooth-pulse 4.3s ease-in-out infinite 1.3s;\n}\n.jp-matrix > span:nth-child(31n + 4) {\n animation: smooth-pulse 5.6s ease-in-out infinite 0.1s;\n}\n.jp-matrix > span:nth-child(43n + 20) {\n animation: smooth-pulse 3.6s ease-in-out infinite 1.8s;\n}\n.jp-matrix > span:nth-child(13n + 6) {\n animation: smooth-pulse 3.2s ease-in-out infinite 1.2s;\n}\n.jp-matrix > span:nth-child(53n + 5) {\n animation: smooth-pulse 4.9s ease-in-out infinite 0.5s;\n}\n.jp-matrix > span:nth-child(47n + 15) {\n animation: smooth-pulse 5.9s ease-in-out infinite 1s;\n}\n\n@keyframes smooth-pulse {\n 0%,\n 100% {\n color: rgba(0, 150, 255, 0.4);\n text-shadow: 0 0 5px rgba(0, 150, 255, 0.5);\n }\n 30% {\n color: rgba(100, 200, 255, 1);\n text-shadow:\n 0 0 10px rgba(100, 200, 255, 1),\n 0 0 15px rgba(100, 200, 255, 1);\n }\n 50% {\n color: rgba(255, 105, 180, 1);\n text-shadow:\n 0 0 10px rgba(255, 105, 180, 1),\n 0 0 15px rgba(255, 105, 180, 1);\n }\n 70% {\n color: #ffffff;\n text-shadow:\n 0 0 10px #fff,\n 0 0 15px #fff,\n 0 0 20px #fff;\n }\n}\n"}

wet-lionfish-63

👁 实时预览

📝 源代码