{"html":"

\n \n \n

10:12

\n","css":".card {\n width: 260px;\n height: 170px;\n background-color: #ffb3b3;\n border-radius: 15px;\n border: 1px solid rgb(156, 151, 151);\n position: relative;\n transition: all .3s ease;\n}\n\n.card__icons {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n padding-right: 10px;\n padding-top: 10px;\n gap: 10px;\n opacity: 0;\n transition: all .3s ease;\n cursor: pointer;\n}\n\n.card__time {\n position: absolute;\n right: 10px;\n bottom: 10px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 1em;\n font-weight: lighter;\n border-radius: 5px;\n text-align: center;\n padding: 2px 8px;\n color: whitesmoke;\n background-color: rgb(77, 67, 67);\n}\n\n.svg-icon {\n background-color: rgb(77, 67, 67);\n fill: #ece6e6;\n width: 35px;\n height: 35px;\n border-radius: 5px;\n padding: 2px;\n transition: all .5s ease-in-out;\n}\n\n.card:hover {\n opacity: 0.8;\n animation: video 5s ease;\n}\n\n.card:hover .card__icons {\n opacity: 1;\n}\n"}

tough-mule-12

👁 实时预览

📝 源代码