{"html":"

\n \n \n \n\n

Verifying...

\n","css":".fingerprint-container {\n position: relative;\n width: 160px;\n height: 160px;\n cursor: pointer;\n animation: flicker 3s infinite ease-in-out;\n border-radius: 50%;\n}\n\n.fingerprint-svg {\n width: 100%;\n height: 100%;\n color: #00ff00;\n filter: drop-shadow(0 0 5px #00ff00);\n transition:\n transform 0.2s ease,\n filter 0.3s ease;\n}\n\n.fingerprint-path {\n stroke-dasharray: 500; /* Adjusted for new path length */\n stroke-dashoffset: 0;\n animation: draw 4s infinite linear;\n}\n\n/* Scan effect */\n.scan-line {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(to right, transparent, #00ff00, transparent);\n opacity: 0;\n}\n\n/* Matrix rain */\n.matrix-rain {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n opacity: 0;\n background: linear-gradient(to bottom, rgba(0, 255, 0, 0.1), transparent);\n overflow: hidden;\n border-radius: 50%;\n}\n\n.matrix-rain::before {\n content: \"101010 1100 0011 0101 1001 1110 0010 1101\";\n position: absolute;\n color: #00ff00;\n font-size: 14px;\n opacity: 0.2;\n animation: rain 1.5s infinite linear;\n}\n\n/* Ripples */\n.ripple1,\n.ripple2,\n.ripple3 {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border-radius: 50%;\n border: 2px solid #00ff00;\n opacity: 0;\n transform: scale(0);\n}\n\n/* Glow */\n.glow {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n border-radius: 50%;\n box-shadow: 0 0 20px #00ff00;\n opacity: 0;\n}\n\n.status {\n position: absolute;\n bottom: -30px;\n width: 100%;\n text-align: center;\n color: #00ff00;\n font-size: 16px;\n opacity: 0.7;\n text-transform: uppercase;\n letter-spacing: 2px;\n animation: glitch-text 2s infinite;\n}\n\n/* Hover effects */\n.fingerprint-container:hover .fingerprint-svg {\n transform: scale(1.1);\n filter: drop-shadow(0 0 10px #00ff00);\n}\n\n.fingerprint-container:hover .scan-line {\n animation: scan 1s infinite linear;\n opacity: 0.7;\n}\n\n.fingerprint-container:hover .matrix-rain {\n opacity: 0.5;\n}\n\n/* Click effects */\n.fingerprint-container:active .fingerprint-svg {\n transform: scale(1.05) rotate(360deg);\n filter: drop-shadow(0 0 15px #00ff00) blur(1px);\n animation:\n hack-spin 0.8s ease-out,\n glitch 0.3s infinite;\n}\n\n.fingerprint-container:active .fingerprint-path {\n animation: draw-fast 0.5s linear;\n}\n\n.fingerprint-container:active .glitch-line1 {\n animation: glitch-move1 0.3s infinite;\n opacity: 0.6;\n}\n\n.fingerprint-container:active .glitch-line2 {\n animation: glitch-move2 0.3s infinite;\n opacity: 0.6;\n}\n\n.fingerprint-container:active .ripple1 {\n animation: ripple-effect 0.6s ease-out;\n}\n\n.fingerprint-container:active .ripple2 {\n animation: ripple-effect 0.8s ease-out 0.2s;\n}\n\n.fingerprint-container:active .ripple3 {\n animation: ripple-effect 1s ease-out 0.4s;\n}\n\n.fingerprint-container:active .glow {\n box-shadow: 0 0 40px #00ff00;\n animation: glow-hack 0.8s ease-out;\n}\n\n.fingerprint-container:active .status {\n opacity: 1;\n animation: glitch-text 0.3s infinite;\n}\n\n/* Animations */\n@keyframes flicker {\n 0%,\n 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.9;\n }\n 75% {\n opacity: 0.95;\n }\n}\n\n@keyframes draw {\n 0% {\n stroke-dashoffset: 500;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n\n@keyframes draw-fast {\n 0% {\n stroke-dashoffset: 500;\n }\n 100% {\n stroke-dashoffset: 0;\n }\n}\n\n@keyframes scan {\n 0% {\n transform: translateY(0);\n opacity: 0.7;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n transform: translateY(200px);\n opacity: 0.7;\n }\n}\n\n@keyframes rain {\n 0% {\n transform: translateY(-100%);\n }\n 100% {\n transform: translateY(100%);\n }\n}\n\n@keyframes ripple-effect {\n 0% {\n transform: scale(0);\n opacity: 0.5;\n }\n 100% {\n transform: scale(1.5);\n opacity: 0;\n }\n}\n\n@keyframes glow-hack {\n 0% {\n opacity: 0;\n }\n 50% {\n opacity: 0.8;\n }\n 100% {\n opacity: 0;\n }\n}\n\n@keyframes hack-spin {\n 0% {\n transform: scale(1.05) rotate(0deg);\n }\n 50% {\n transform: scale(1.15) rotate(180deg);\n }\n 100% {\n transform: scale(1.05) rotate(360deg);\n }\n}\n\n@keyframes glitch {\n 0% {\n transform: translate(0);\n }\n 20% {\n transform: translate(-2px, 2px);\n }\n 40% {\n transform: translate(2px, -2px);\n }\n 60% {\n transform: translate(-2px, 0);\n }\n 80% {\n transform: translate(2px, 0);\n }\n 100% {\n transform: translate(0);\n }\n}\n\n@keyframes glitch-move1 {\n 0% {\n transform: translateX(-50%) translateY(0);\n }\n 50% {\n transform: translateX(-55%) translateY(2px);\n }\n 100% {\n transform: translateX(-50%) translateY(0);\n }\n}\n\n@keyframes glitch-move2 {\n 0% {\n transform: translateX(-50%) translateY(0);\n }\n 50% {\n transform: translateX(-45%) translateY(-2px);\n }\n 100% {\n transform: translateX(-50%) translateY(0);\n }\n}\n\n@keyframes glitch-text {\n 0% {\n transform: translate(0);\n }\n 20% {\n transform: translate(-1px, 1px);\n }\n 40% {\n transform: translate(1px, -1px);\n }\n 60% {\n transform: translate(-1px, 0);\n }\n 80% {\n transform: translate(1px, 0);\n }\n 100% {\n transform: translate(0);\n }\n}\n"}

wise-impala-99

👁 实时预览

📝 源代码