[{"id":122,"created_at":"2023-12-15T20:52:06.440197+00:00","html":"

\r\n

","css":"body {\r\n display: grid;\r\n place-content: center;\r\n /* background-color: black; */\r\n}\r\n\r\n:root {\r\n --border: 4px;\r\n /* --bg: rgb(77, 92, 71); */\r\n --border-color: black;\r\n /* --lamp-bg: rgb(105, 129, 68); */\r\n --lamp-bg: white;\r\n --bg: white;\r\n /* --glow: rgb(105, 129, 68, .2); */\r\n\r\n --glow: rgb(255, 255, 1, .2);\r\n}\r\n\r\n\r\n.lamp {\r\n position: relative;\r\n width: 100px;\r\n height: 150px;\r\n}\r\n\r\n\r\n.stand {\r\n width: 16px;\r\n height: 140px;\r\n border: var(--border) solid var(--border-color);\r\n position: absolute;\r\n top: 0;\r\n left: 50%;\r\n transform: translate(-50%, 50%);\r\n z-index: -1;\r\n border-radius: 10px;\r\n background-color: var(--bg);\r\n}\r\n\r\n.rect {\r\n width: 30px;\r\n height: 20px;\r\n border: var(--border) solid var(--border-color);\r\n background-color: var(--bg);\r\n position: absolute;\r\n top: 100;\r\n left: 50%;\r\n transform: translate(-50%, 50%);\r\n z-index: -1;\r\n}\r\n\r\n\r\n.egg-shape {\r\n width: 60px;\r\n height: 80px;\r\n border-radius: 50% / 60%;\r\n background-color: var(--bg);\r\n border: var(--border) solid var(--border-color);\r\n /* Adjust color as desired */\r\n position: absolute;\r\n top: 90;\r\n left: 50%;\r\n transform: translate(-50%, 50%);\r\n z-index: -1;\r\n}\r\n\r\n\r\n.trapezoid {\r\n width: 150px;\r\n height: 90px;\r\n position: relative;\r\n}\r\n\r\n.trapezoid::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 10%;\r\n right: 10%;\r\n bottom: 0;\r\n background-color: var(--lamp-bg);\r\n border: var(--border) solid var(--border-color);\r\n transform: perspective(100px) rotateX(25deg);\r\n box-shadow: 0 80px 1rem var(--glow);\r\n border-radius: 10px;\r\n}\r\n\r\n.lamp-base-stand {\r\n position: absolute;\r\n width: 20px;\r\n height: 40px;\r\n border: var(--border) solid var(--border-color);\r\n top: 180;\r\n left: 50%;\r\n transform: translate(-50%, 50%);\r\n z-index: -10;\r\n background-color: var(--bg);\r\n}\r\n\r\n.lamp-base {\r\n position: absolute;\r\n width: 100px;\r\n height: 10px;\r\n border: var(--border) solid var(--border-color);\r\n top: 230;\r\n left: 50%;\r\n z-index: -10;\r\n background-color: var(--bg);\r\n transform: translate(-50%, 50%) perspective(100px) rotateX(25deg);\r\n border-radius: 5px;\r\n}","js":"// ","user_id":"24c8783e-8cfd-47f1-ac9f-ac9a07eeaa73","project_key":"d01q06","description":"Lamp HTML/CSS","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":true,"config":{"tags": [], "cssProcessor": false},"tags":[],"hide_js":false,"hide_css":false,"messages":[],"view":[{"views":447}],"profiles":{"username":"nuur"}}]