[{"id":245,"created_at":"2024-08-29T13:26:33.743788+00:00","html":"

\r\n

\r\n","css":"body{\r\n height:100vh;\r\n display:grid;\r\n place-content:center;\r\n overflow:hidden;\r\n}\r\n.alien-face {\r\n width: 200px;\r\n height: 250px;\r\n background-color: #7cfc00;\r\n border-radius: 100% 100% 100%/60% 100%;\r\n position: relative;\r\n margin: 50px auto;\r\n}\r\n.eye {\r\n width: 40px;\r\n height: 60px;\r\n background-color: black;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: 50px;\r\n}\r\n.eye::before {\r\n content: \"\";\r\n width: 15px;\r\n height: 15px;\r\n background-color: #ff00ff;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: 10px;\r\n left: 12px;\r\n animation: glow 2s infinite alternate;\r\n}\r\n.eye.left {\r\n left: 40px;\r\n transform: rotate(-20deg);\r\n}\r\n.eye.right {\r\n right: 40px;\r\n transform: rotate(20deg);\r\n}\r\n.mouth {\r\n width: 80px;\r\n height: 40px;\r\n border: 4px solid black;\r\n border-bottom-left-radius: 40px;\r\n border-bottom-right-radius: 40px;\r\n border-top: none;\r\n position: absolute;\r\n bottom: 50px;\r\n left: 60px;\r\n}\r\n.mouth::after{\r\n content:'';\r\n position:absolute;\r\n height:40px;\r\n width:80px;\r\n background:#ff00ff;\r\n bottom:-1px;\r\n border-radius:0% 0% 90px 90px;\r\n left:50%;\r\n transform: translateX(-50%);\r\n}\r\n.antenna {\r\n width: 6px;\r\n height: 60px;\r\n background-color: #7cfc00;\r\n position: absolute;\r\n top: -55px;\r\n}\r\n.antenna.left {\r\n left: 70px;\r\n transform: rotate(-20deg);\r\n}\r\n.antenna.right {\r\n right: 70px;\r\n transform: rotate(20deg);\r\n}\r\n.antenna::after {\r\n content: \"\";\r\n width: 15px;\r\n height: 15px;\r\n background-color: #ff00ff;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: -10px;\r\n left: -5px;\r\n animation: glow 2s infinite alternate;\r\n}\r\n@keyframes glow {\r\n from {\r\n box-shadow: 0 0 5px #ff00ff;\r\n }\r\n to {\r\n box-shadow: 0 0 20px #ff00ff;\r\n }\r\n}\r\n","js":"// ","user_id":"1987571f-e860-4156-a0a9-afe5ab144b72","project_key":"9lGhF7","description":"Happy Alien\r\n","plugins":[{"css":{"tailwind":false,"bootstrap":false,"fontawesome":false,"materialicons":false,"googlefonts":false,"bulma":false},"js":{"animejs":false,"gsap":false,"motionone":false,"threejs":false,"velocity":false,"popmotion":false,"scrollreveal":false}}],"public":false,"config":{"tags": [], "babelActive": false, "cssProcessor": false, "userImportedJS": [], "typescriptActive": false},"tags":[],"hide_js":false,"hide_css":false,"view":[{"views":243}],"profiles":{"username":"gwa-10"}}]