[{"id":106,"created_at":"2023-12-11T10:33:22.081149+00:00","html":"

\r\n

$\"Finder\"$ \r\n
$\"Safari\"$ \r\n
$\"Facetime\"$ \r\n
$\"App$ \r\n
$\"Calender\"$ \r\n
$\"devCanvas\"$ \r\n
$\"Drawer\"$ \r\n

\r\n

","css":"body {\r\n background-color: white;\r\n}\r\n\r\n.dock {\r\n position: fixed;\r\n bottom: 0;\r\n left: 50%;\r\n height: 75px;\r\n background: #f0f0f0;\r\n backdrop-filter: blur(10px);\r\n z-index: 999;\r\n width: fit-content;\r\n transform: translateX(-50%);\r\n padding: 0 20px;\r\n border-radius: 30px;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.dock-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100%;\r\n}\r\n\r\n.dock-list li {\r\n margin: 0 1px;\r\n transition: transform 0.3s ease-in-out;\r\n}\r\n\r\n.dock-list li img {\r\n width: 50px;\r\n height: 50px;\r\n border-radius: 20%;\r\n box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.dock-list li {\r\n transition: transform 100ms ease-in-out, scale 100ms ease-in-out, margin 0.1s ease-in-out;\r\n}\r\n\r\n.dock-list li:hover {\r\n transform: translateY(-10px);\r\n scale: 2;\r\n margin: 0 10px;\r\n}\r\n\r\n.dock-list li:hover+li {\r\n transform: translateY(-5px);\r\n scale: 1.5;\r\n margin: 0 20px;\r\n}\r\n\r\n.dock-list li:has(+ li:hover) {\r\n transform: translateY(-5px);\r\n scale: 1.5;\r\n margin: 0 20px;\r\n}","js":"// ","user_id":"24c8783e-8cfd-47f1-ac9f-ac9a07eeaa73","project_key":"eKCyam","description":"Mac OS Dock Animated","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":823}],"profiles":{"username":"nuur"}}]