{"html":"

\n L\n o\n a\n d\n i\n n\n g\n .\n .\n

","css":".l {\n color: black;\n opacity: 0;\n animation: pass 2s ease-in-out infinite;\n animation-delay: 0.2s;\n letter-spacing: 0.5em;\n text-shadow: 2px 2px 3px #919191;\n}\n\n.o {\n color: black;\n opacity: 0;\n animation: pass 2s ease-in-out infinite;\n animation-delay: 0.4s;\n letter-spacing: 0.5em;\n text-shadow: 2px 2px 3px #919191;\n}\n\n.a {\n color: black;\n opacity: 0;\n animation: pass 2s ease-in-out infinite;\n animation-delay: 0.6s;\n letter-spacing: 0.5em;\n text-shadow: 2px 2px 3px #919191;\n}\n\n.d {\n color: black;\n opacity: 0;\n animation: pass 2s ease-in-out infinite;\n animation-delay: 0.8s;\n letter-spacing: 0.5em;\n text-shadow: 2px 2px 3px #919191;\n}\n\n.i {\n color: black;\n opacity: 0;\n animation: pass 2s ease-in-out infinite;\n animation-delay: 1s;\n letter-spacing: 0.5em;\n text-shadow: 2px 2px 3px #919191;\n}\n\n.n {\n color: black;\n opacity: 0;\n animation: pass 2s ease-in-out infinite;\n animation-delay: 1.2s;\n letter-spacing: 0.5em;\n text-shadow: 2px 2px 3px #919191;\n}\n\n.g {\n color: black;\n opacity: 0;\n animation: pass 2s ease-in-out infinite;\n animation-delay: 1.4s;\n letter-spacing: 0.5em;\n text-shadow: 2px 2px 3px #919191;\n}\n\n.d1 {\n color: black;\n opacity: 0;\n animation: pass1 2s ease-in-out infinite;\n animation-delay: 1.6s;\n letter-spacing: 0.5em;\n text-shadow: 2px 2px 3px #919191;\n}\n\n.d2 {\n color: black;\n opacity: 0;\n animation: pass1 2s ease-in-out infinite;\n animation-delay: 2s;\n letter-spacing: 0.5em;\n text-shadow: 2px 2px 3px #919191;\n}\n\n@keyframes pass {\n 0% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n@keyframes pass1 {\n 0% {\n opacity: 1;\n }\n\n 50% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}"}

funny-treefrog-32

👁 实时预览

📝 源代码