ㄎㄧㄤ掉的叩叮 | 程式專案

{"id":9868,"student_id":1486,"content":"{\"html\":\"\u003chtml\u003e\\n    \u003cbody\u003e\\n        \u003cdiv class=\\\"circle one\\\"\u003e\u003c/div\u003e\\n        \u003cdiv class=\\\"circle two\\\"\u003e\u003c/div\u003e\\n        \u003cdiv class=\\\"circle three\\\"\u003e\u003c/div\u003e\\n        \u003cimg src=\\\"https://koding.school/project_assets/ce58bb1ea535016e7546963bd1e607d1.svg\\\" alt=\\\"koding\\\" class=\\\"koding\\\" /\u003e\\n    \u003c/body\u003e\\n\u003c/html\u003e\",\"css\":\"* {\\n    overflow: hidden;\\n    margin: 0;\\n}\\n\\nbody,\\nhtml {\\n    background: #222222;\\n}\\n\\n@keyframes circle {\\n    from {\\n        filter: hue-rotate(360deg);\\n        transform: scale(0);\\n    }\\n    to {\\n        filter: hue-rotate(0deg);\\n        transform: scale(4);\\n    }\\n}\\n\\n@keyframes koding {\\n    from {\\n        right: 0%;\\n        top: 0%;\\n        filter: hue-rotate(0deg);\\n        transform: rotate(0deg);\\n    }\\n    to {\\n        right: calc(100% - 25vw);\\n        top: calc(100% - 25vw);\\n        filter: hue-rotate(360deg);\\n        transform: rotate(360deg);\\n    }\\n}\\n\\n\\n.koding {\\n    position: fixed;\\n    z-index: 99;\\n    width: 25vw;\\n    height: 25vw;\\n    animation: koding 1s linear 0s infinite alternate;\\n}\\n\\n.circle {\\n    margin: 0 auto;\\n    width: calc(100vw / 2);\\n    height: calc(100vw / 2);\\n    border: 22px solid CadetBlue;\\n    border-radius: 50%;\\n    position: absolute;\\n    top: 5%;\\n    left: 50%;\\n}\\n\\n.one {\\n    animation: circle 2s infinite linear;\\n}\\n\\n.two {\\n    animation: circle 1.5s infinite linear;\\n}\\n\\n.three {\\n    animation: circle 1s infinite linear;\\n}\",\"js\":\"\"}","created_at":"2017-08-25T12:26:03.200+08:00","updated_at":"2019-11-07T23:59:13.940+08:00","name":"ㄎㄧㄤ掉的叩叮","language":"web","screenshot":{"url":"https://cdn1.koding.school/uploads/project/screenshot/9868/5194587cd7475074e4dd4e9edaebabcc.jpg"},"parent_id":null,"plugin":null,"description":null,"note":null,"status":"public","like_student_ids":[],"is_featured":true,"views":1054,"hashid":"yeysvvr8","is_content_changed":false,"review_status":"unsubmitted","submitted_at":null,"reviewed_at":null,"advise":null,"is_deleted":false}