{"html":"

\n PS\n

Priya Sharma

\n RS\n

Rohit Sen

\n AG\n

Ananya Gupta

\n KM\n

Kunal Mehta

\n","css":".avatar-stack {\n display: flex;\n align-items: center;\n}\n\n.avatar {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n border: 3px solid white;\n background: linear-gradient(135deg, #4f46e5, #9333ea);\n position: relative;\n margin-left: -20px;\n transition:\n transform 0.3s,\n z-index 0.3s;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n color: white;\n font-weight: bold;\n font-size: 18px;\n}\n\n.avatar:first-child {\n margin-left: 0;\n}\n\n.avatar:hover {\n transform: scale(1.2);\n z-index: 10;\n}\n\n.avatar .tooltip {\n position: absolute;\n bottom: 110%;\n left: 50%;\n transform: translateX(-50%) scale(0.8);\n background: white;\n color: #111;\n padding: 6px 12px;\n border-radius: 8px;\n font-size: 14px;\n white-space: nowrap;\n opacity: 0;\n pointer-events: none;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);\n transition:\n opacity 0.3s ease,\n transform 0.3s ease;\n}\n\n.avatar:hover .tooltip {\n opacity: 1;\n transform: translateX(-50%) scale(1);\n}\n\n/* Avatar gradients */\n.avatar:nth-child(2) {\n background: linear-gradient(135deg, #10b981, #06b6d4);\n}\n.avatar:nth-child(3) {\n background: linear-gradient(135deg, #f59e0b, #ef4444);\n}\n.avatar:nth-child(4) {\n background: linear-gradient(135deg, #ec4899, #8b5cf6);\n}\n"}

heavy-turtle-35

👁 实时预览

📝 源代码