Проекты на Javascript | HTML | CSS
4.43K subscribers
11 photos
5 videos
2 files
67 links
Готовые решения на JS | HTML | CSS для твоего проекта.
Аудитория: Frontend разработчики, верстальщики, люди, интересующиеся языком JavaScript

Сотрудничество: @noname_media

Канал на бирже: https://telega.in/c/wb_code
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Modern Sidebar Menu - меню боковой панели в современном стиле с применением font-awesome. Реализовано на чистом CSS.

Подробнее 👇
This media is not supported in your browser
VIEW IN TELEGRAM
Animated Fill and Strikethrough Checkboxes - анимация выполнения checkbox с помощью CSS и JavaScript.

Подробнее👇
This media is not supported in your browser
VIEW IN TELEGRAM
Accessible Custom Toggle Switch - отличная демонстрация того, как разметить и стилизовать семантический checkbox, чтобы он выглядел и вёл себя как toggle switch. Реализована с помощью CSS.

Подробнее👇
This media is not supported in your browser
VIEW IN TELEGRAM
Sale label - Несколько примеров реализации движущейся этикетки распродажи на чистом CSS.

Перейти 👇
This media is not supported in your browser
VIEW IN TELEGRAM
Rating - выставление рейтинга в виде звезд, анимация реализована с помощью библиотеки GSAP.

Подробнее 👇
This media is not supported in your browser
VIEW IN TELEGRAM
Hopdot Loader - плавный и приятный прелоадер в виде перекатывающихся точек, реализованный с помощью GSAP.

Подробнее 👇
This media is not supported in your browser
VIEW IN TELEGRAM
Jumping Gooey Navigation — прыгающая липкая навигация. Анимация реализована с помощью GSAP.

Подробнее 👇👇
This media is not supported in your browser
VIEW IN TELEGRAM
Neumorphic form - Форма в стиле неоморфизма, реализованная с помощью CSS.

Подробнее 👇
This media is not supported in your browser
VIEW IN TELEGRAM
Magnetic button animation - Анимация примагничивающихся кнопок при наведении, реализована с помощью CSS и JavaScript.

Подробнее 👇
This media is not supported in your browser
VIEW IN TELEGRAM
Fancy Border Radius CSS - Необычная анимация изменяющейся формы, реализованная на чистом CSS.

Подробнее 👇
This media is not supported in your browser
VIEW IN TELEGRAM
Glowing buttons - Простые светящиеся кнопки на чистом CSS. Эффект свечения появляется при наведении на кнопку.

Подробнее 👇
This media is not supported in your browser
VIEW IN TELEGRAM
SVG Hamburger Menu - Коллекция анимированных SVG-иконок меню гамбургеров. Анимация реализована с помощью JavaScript.

Подробнее 👇
This media is not supported in your browser
VIEW IN TELEGRAM
"Toss" Add to Cart Animation - Анимация добавления товара в корзину, реализованная с помощью jQuery.
This media is not supported in your browser
VIEW IN TELEGRAM
3D Button - Трехмерная кнопка, выполненная на чистом CSS.
This media is not supported in your browser
VIEW IN TELEGRAM
Profile Card Hover Effect - Очень простая, но довольно интересная реализация отображения информации профиля в виде карточек с увеличением фотографии при наведении. Реализовано на чистом CSS.
This media is not supported in your browser
VIEW IN TELEGRAM
CSS leaning card effect - CSS-эффект наклонных карт, от которых падает тень под определенным углом, что создаёт объем в окружающем пространстве.
This media is not supported in your browser
VIEW IN TELEGRAM
Clipped Image Reveal on Hover - Появление изображения при наведении курсора на текст. При этом изображение следует за курсором. Реализовано с помощью JavaScript.
This media is not supported in your browser
VIEW IN TELEGRAM
Placeholders - Пример реализации позиционирования подписей к инпутам формы при фокусе. Реализовано на чистом CSS.
This media is not supported in your browser
VIEW IN TELEGRAM
Submit - анимированная кнопка отправки.

Подробнее 👇👇
This media is not supported in your browser
VIEW IN TELEGRAM
Diagonal Layouts - руководство по созданию диагональных макетов на чистом CSS.
⚡️В 70% случаев вашему клиенту проще заплатить конкуренту

Почему? Просто потому, что он не нашел удобный способ оплаты

Внедрите в свой проект более 7 способов приема платежей! Как это сделать - пройдите регистрацию на сайте ENOT.io и мы все расскажем

Наши клиенты получают:
• инструменты и способы приёма платежей
• экономию на комиссиях и быстрый вывод денег
• оперативную связь с тех. поддержкой

Регистрируйтесь и подключайте свой проект на ENOT.io, чтобы клиент заплатил вам 😉