{"html":"

\n\n

\n","css":".center {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.design {\n height: 200px;\n width: 200px;\n border-radius: 40px;\n background: rgb(255, 11, 0);\n background: linear-gradient(\n 180deg,\n rgba(255, 11, 0, 1) 13%,\n rgba(255, 158, 0, 1) 100%\n );\n position: relative;\n overflow: hidden;\n}\n\n.color-border {\n border-radius: 50%;\n background-color: #ffffff20;\n box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);\n}\n.circle-1 {\n height: 220px;\n width: 220px;\n position: absolute;\n right: -50px;\n top: -50px;\n}\n.circle-2 {\n height: 180px;\n width: 180px;\n}\n.circle-3 {\n height: 140px;\n width: 140px;\n}\n.circle-4 {\n height: 105px;\n width: 105px;\n}\n.circle-5 {\n height: 70px;\n width: 70px;\n border-radius: 50%;\n background-color: #ffffff;\n}\n\n.shape {\n height: 200px;\n width: 200px;\n background-color: #484848;\n transform: rotate(45deg);\n position: absolute;\n}\n.shadow {\n box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);\n}\n.mountain-1 {\n z-index: 1;\n bottom: -100px;\n left: -100px;\n}\n.mountain-2 {\n bottom: -110px;\n left: -30px;\n}\n.mountain-3 {\n z-index: 2;\n bottom: -150px;\n left: 90px;\n}\n"}

brown-pig-37

👁 实时预览

📝 源代码

🔗 相关联的样式