[{"id":63,"created_at":"2023-09-21T09:11:57.497856+00:00","html":"

\r\n

\r\n\r\n

\r\n

\r\n \r\n

\r\n\r\n

\r\n G\r\n

\r\n

","css":"body {\r\n background-color: #111;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 100dvh;\r\n}\r\n\r\n.pixel-back {\r\n width: 300px;\r\n height: 600px;\r\n background: #443;\r\n border-radius: 10px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n position: relative;\r\n overflow: hidden;\r\n box-shadow: 1px 1px 30px rgba(117, 111, 111, 0.5);\r\n\r\n}\r\n\r\n.camera-bar {\r\n width: 100%;\r\n height: 70px;\r\n background: #000000;\r\n position: absolute;\r\n top: 90px;\r\n left: 0;\r\n padding: 10px;\r\n box-shadow: 1px 1px 9px rgba(245, 239, 232, 0.4);\r\n border-radius: 1px;\r\n display:flex;\r\n align-items:center;\r\n}\r\n\r\n.camera {\r\n width: 140px;\r\n height: 56px;\r\n background: #9999;\r\n border-radius: 40px;\r\n\r\n}\r\n\r\n.flash {\r\n width: 30px;\r\n height: 30px;\r\n background: #999;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: 20px;\r\n right: 50px;\r\n}\r\n\r\n.brand {\r\n width: 80px;\r\n height: 80px;\r\n border-radius: 50%;\r\n position: absolute;\r\n top: 230px;\r\n left: calc(50% - 40px);\r\n}\r\n\r\n.google-logo {\r\n font-family: 'Roboto', sans-serif;\r\n font-size: 40px;\r\n font-weight: bold;\r\n /* Blue */\r\n text-align: center;\r\n text-transform: uppercase;\r\n letter-spacing: -2px;\r\n}","js":"// code here","user_id":"1c3624cd-ae3b-4b60-946f-65ea8f296ff7","project_key":"zuyrPz","description":"Google Pixel 6 Art With Just HTML And CSS","plugins":[{"css":{"tailwind":false,"bootstrap":false,"fontawesome":false,"materialicons":true,"googlefonts":false,"bulma":false},"js":{"animejs":false,"gsap":false,"framermotion":false,"threejs":false,"velocity":false,"popmotion":false,"scrollreveal":false}}],"public":true,"config":{"tags": [], "cssProcessor": false},"tags":[],"hide_js":false,"hide_css":false,"messages":[],"view":[{"views":1448}],"profiles":{"username":"devcanvas"}}]