[{"id":62,"created_at":"2023-09-21T08:30:08.186984+00:00","html":"

\r\n

","css":" :root {\r\n --bg: rgb(255, 255, 204);\r\n --camera-con: rgb(255, 255, 167);\r\n --camera: #333;\r\n }\r\n\r\n body {\r\n background-color: #333;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100dvh;\r\n margin: 0;\r\n }\r\n\r\n .iphone {\r\n width: 260px;\r\n height: 550px;\r\n background-color: var(--bg);\r\n border-radius: 30px;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n }\r\n\r\n .camera_ {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n width: 170px;\r\n background-color: var(--camera-con);\r\n padding: 12px;\r\n margin: 10px;\r\n border-radius: 30px;\r\n position: relative;\r\n gap: 20px;\r\n box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);\r\n }\r\n\r\n .camera {\r\n width: 70px;\r\n height: 70px;\r\n background-color: var(--camera);\r\n border-radius: 50%;\r\n\r\n }\r\n\r\n .flash {\r\n width: 20px;\r\n height: 20px;\r\n background-color: #fff;\r\n border-radius: 50%;\r\n position: absolute;\r\n bottom: 40px;\r\n right: 50px;\r\n\r\n }\r\n\r\n .logo {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n background-color: var(--bg);\r\n margin-top: 40px;\r\n position: relative;\r\n }\r\n\r\n .apple {\r\n background: #333;\r\n /* Dark gray background color */\r\n width: 75px;\r\n height: 70px;\r\n border-radius: 35% 35% 41% 41% / 42% 42% 75% 75%;\r\n box-shadow: 0px 10px 20px var(--bg);\r\n /* Black box shadow */\r\n }\r\n\r\n .apple:before {\r\n content: \"\";\r\n background: #333;\r\n /* Dark gray background color */\r\n width: 20px;\r\n height: 20px;\r\n position: absolute;\r\n margin: -23px 0 0 34px;\r\n border-radius: 100px 0;\r\n z-index: 5;\r\n }\r\n\r\n .apple:after {\r\n content: \"\";\r\n background: var(--bg);\r\n width: 30px;\r\n height: 30px;\r\n position: absolute;\r\n margin: 17px 0 0 58px;\r\n border-radius: 50%;\r\n transform: rotate(-53deg);\r\n z-index: 4;\r\n }","js":"// code here","user_id":"1c3624cd-ae3b-4b60-946f-65ea8f296ff7","project_key":"we5crj","description":"Cool IPhone Pro Max Art","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":434}],"profiles":{"username":"devcanvas"}}]