{"html":"\n

\n \n \n \n **** **** **** 1320\n Jhon D.\n

\n ","css":".logo svg {\n height: 48px;\n width: 54px;\n}\n\n::selection {\n background-color: rgba(0, 0, 0, 0);\n}\n\n.container {\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n}\n\n.card {\n background: radial-gradient(circle, white 0%, #d5d5d5 100%);\n width: 300px;\n height: 200px;\n border-radius: 20px;\n position: relative;\n box-shadow: 3px 3px 17px 0px rgba(0, 0, 0, 0.55);\n}\n\n.card .remove, .card .logo {\n position: absolute;\n display: inline-block;\n cursor: pointer;\n}\n\n.card .remove {\n top: 30px;\n right: 30px;\n opacity: .9;\n color: black;\n}\n\n.card .remove:hover {\n color: #f06b5d;\n}\n\n.card .logo {\n top: 20px;\n left: 30px;\n font-size: 3em;\n opacity: 1;\n}\n\n.card .number, .card .owner {\n display: block;\n position: absolute;\n left: 30px;\n cursor: default;\n color: black;\n opacity: .9;\n transition: color .7s ease-out;\n}\n\n.card .number {\n bottom: 60px;\n letter-spacing: 4px;\n}\n\n.card .owner {\n bottom: 30px;\n letter-spacing: 1px;\n}\n"}

nasty-firefox-56

👁 实时预览

📝 源代码