{"html":"

\n \n

\n","css":".cls-1 {\n fill: #f15a24;\n animation: cls1 4s ease infinite both;\n}\n\n@keyframes cls1 {\n 0% {\n fill: #f15a24;\n }\n\n 34% {\n fill: #ed1c24;\n }\n\n 66% {\n fill: #f7931e;\n }\n\n 100% {\n fill: #f15a24;\n }\n}\n\n.cls-1,\n.cls-2,\n.cls-3 {\n stroke-width: 0px;\n}\n\n.cls-2 {\n fill: #f7931e;\n animation: cls2 4s ease infinite both;\n}\n\n@keyframes cls2 {\n 0% {\n fill: #f7931e;\n }\n\n 34% {\n fill: #f15a24;\n }\n\n 66% {\n fill: #ed1c24;\n }\n\n 100% {\n fill: #f7931e;\n }\n}\n\n.cls-3 {\n fill: #ed1c24;\n animation: cls3 4s ease infinite both;\n}\n\n@keyframes cls3 {\n 0% {\n fill: #ed1c24;\n }\n\n 34% {\n fill: #f7931e;\n }\n\n 66% {\n fill: #f15a24;\n }\n\n 100% {\n fill: #ed1c24;\n }\n}\n\n.cls-4 {\n display: none;\n}\n\n#triangle {\n height: 400px;\n width: 400px;\n padding-top: 30px;\n animation: triangle 4s both infinite;\n}\n\n@keyframes triangle {\n 0% {\n transform: translateY(0px);\n }\n\n 50% {\n transform: translateY(15px);\n }\n\n 100% {\n transform: translateY(0px);\n }\n}\n"}

pretty-sloth-9

👁 实时预览

📝 源代码