Mobile menu CSS only — концепт мобільного меню у 3D 👾

Технології: HTML, CSS

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

Circle Menu — кругове меню бургер, реалізовано на чистому CSS 🤭

Технології: HTML, CSS

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

Заходьте в чатик, поспілкуємось 🐳

@webguildchat

Pixel-Grid (SVG Animations) — піксельна анімація заднього фону (швидкість х3.5) 🤏🏻

Технології: HTML, CSS, JS

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

Star trails — анімація курсора мишки ✨

Технології: HTML, CSS, JS

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

Christmas button —Різдвяна анімація для кнопки. Вже час для святкових постів чи ні?) ✨🎄

Технології: HTML, CSS, JS

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

🤣

webguild 🇺🇦 | #memes

Error 404 😱

Технології: HTML, CSS

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

Glassmorphism card - скляні картки з ефектом при наведенні

Технології: HTML, CSS (SCSS)

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

Макет для практики від @anastezia_webdesign 👾
Як вам таке?) 🤖

Складність: легка

Посилання

webguild 🇺🇦 | #uiux #figma

Button Hover | Glow — сет кнопок з ховер-ефектом 😍

Технології: HTML, CSS

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

WebGL liquid masking — просто якась магія фронтенду 🙊

Технології: HTML, CSS, JS

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

Концепт головної сторінки сайту

Технології: HTML, CSS

webguild 🇺🇦 › #projects

👇Код доступний за кнопкою 👇

👇 #quiz | webguild 🇺🇦