Login Form — інтерактивна форма входу 😳

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

webguild 🇺🇦 › #projects

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

Interactive UI Cards — анімовані картки 👾

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

webguild 🇺🇦 › #projects

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

ThreeJS 3D Christmas Tree — 3д ялинка на ThreeJS 😱

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

webguild 🇺🇦 › #projects

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

Таке життя 😏😄

webguild 🇺🇦 › #memes

Happy Holidays! 2023 — ще одна новорічна ялинка у 3Д🎄

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

webguild 🇺🇦 › #projects

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

img2go.com — ресурс, на якому зібрано багато корисних інструментів для редагування зображень.

Є можливість:

-згенерувати зображення
-розфарбувати
-стиснути
-конвертувати у різні формати
-покращити якість
-змінити розмір
-обрізати
-редагувати
-прибрати фон
-додати/прибрати водний знак
-змінити орієнтацію (можливо зображенню, я так і не зрозумів)

Посилання

webguild 🇺🇦 › #resources

Planet Picker — кругова навігація і текстові переходи на Splitting.js 👾

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

webguild 🇺🇦 › #projects

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

З мурахоїда по лайку 🙈

webguild 🇺🇦 › #memes

Вітаю усіх з Новим Роком🎄

Найголовніше бажання в цьому році — мирне небо ✨

Усім процвітання, успіхів в усіх починаннях, здоровʼя, щастя та всього самого найкращого!🎉

Макет для практики

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

Посилання

webguild 🇺🇦 › #uiux #figma

Neon Clock (CSS) — цікава реалізація неонового годинника 🥹

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

webguild 🇺🇦 › #projects

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

box-reflect в CSS - це властивість, яка дозволяє створювати eфект відображення (відбиття) для елементів на веб-сторінці. Ця властивість особливо корисна для створення стилізованих тіней чи віддзеркалень.

Щоб використовувати box-reflect, ви можете вказати кут, який визначає напрямок відображення, а також вид затемнення чи прозорості відбиття.

Приклад:

.logo {
 -webkit-box-reflect: below 0 linear-gradient(transparent, white);
}

У цьому прикладі, box-reflect створює відображення нижче елементу з використанням градієнту з прозорістю.

Підтримка 93% — caniuse (Firefox пасе задніх)
Детальніше — MDN

webguild 🇺🇦 › #learnCSS