CodePen Amazing
5.5K subscribers
192 photos
525 videos
2 files
3.57K links
Здесь вы найдёте самые клёвые проекты с CodePen! Смотрите, вдохновляйтесь, творите!

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: https://telega.in/c/codepen_amazing
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Hamburgers - CSS Animated - Анимированные иконки меню, выполненные с помощью CSS и JavaScript

https://codepen.io/EricPorter/pen/RwZGoBR

Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Card Slider - Интерактивный слайдер, выполненный с помощью SCSS и библиотеки swiper.js

https://codepen.io/aybukeceylan/pen/yLaqqOL

Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
NASA Worm logo - Анимированный логотип NASA, сделанный с помощью SCSS и библиотеки GSAP.js

https://codepen.io/chrisgannon/pen/yLeBjgR

Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
[CPC] Dropdown Slots - Генератор названий монстров, выполненный с помощью Pug, CSS и TypeScript

https://codepen.io/z-/pen/ZEydQPx

Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Daily UI #008 - 404 Page - Страница 404 с параллакс эффектом, сделанная с помощью CSS и JavaScript

https://codepen.io/rafaelavlucas/pen/NWWQNjZ

Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
MatryoshBox (CSS) - Анимированная сцена, сделанная с помощью CSS без использования JS

https://codepen.io/amit_sheen/pen/WNEOPQa

Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Snow (Pure CSS) - Снегопад, сделанный с помощью CSS без использования JS

https://codepen.io/alphardex/pen/dyPorwJ

Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Dropdown Menu - Выпадающее меню с социальными сетями, выполненное с помощью CSS и JS

https://codepen.io/flavio_amaral/pen/xxqQLoa

Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Buttons. CSS Hover - Эффекты при наведении на кнопки, сделанные на чистом CSS без использования JS

https://codepen.io/Marina_Os/pen/OJyWPbL

Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Gradient Stroke & Bounce - Анимация загрузки, выполненная на чистом CSS без использования JavaScript

https://codepen.io/jkantner/pen/abwgLNX

Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Portal scene - threejs-journey.xyz - 3D модель, выполненная с помощью CSS и библиотеки Three.js

https://codepen.io/aderaaij/pen/BapYONL

Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
GSAP ScrollTrigger with Parallax Snap and ScrollToPlugin - Параллакс эффект при прокрутке, выполненный с помощью SCSS и библиотеки GSAP.js

https://codepen.io/petebarr/pen/qBOeVoz

Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Dreaming of Jupiter - Three.js - Анимированная сцена, выполненная с помощью CSS и библиотеки Three.js

https://codepen.io/isladjan/pen/zYqLxeG

Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
3D Orange Switch (Pure CSS) - Анимированный переключатель, сделанный на чистом CSS без использования JavaScript

https://codepen.io/ykadosh/pen/jOwjmJe

Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
dot terrain - Анимированная сцена, сделанная с помощью CSS и TypeScript

https://codepen.io/cjgammon/pen/LYWGxrd

Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
From button to dialog - Кнопка переходящая в окно, сделанная с помощью Pug, SCSS и библиотеки React

https://codepen.io/camilleguy/pen/bGgYgaW

Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Sun Reflection - Закат отражающийся в воде, сделанный на чистом CSS без использования JS

https://codepen.io/pokecoder/pen/JjJxXbJ

Codepen Amazing
В 2025-м можно зарабатывать, просто зная, как общаться с нейросетями.

AI-ассистенты уже стали стандартом – от фриланса и малого бизнеса до мировых корпораций уровня Google и Яндекс. А в России они становятся ещё доступнее: благодаря нейросети GigaChat можно легально и выгодно создавать AI-ассистентов, не нарушая новый закон о персональных данных.

На бесплатном эфире от Зерокодер ты узнаешь, как создать AI-ассистента за вечер — и как начать получать с этого доход.

Что будет на эфире?

– Разберём, что такое AI-ассистенты и зачем они нужны в 2025 году;
– Научимся работать в нашумевшем Cursor и расскажем, почему он доступен и полезен не только представителям IT-сферы;
– Покажем и разберем множество примеров AI-ассистентов, создавать которых теперь можно без знания кода: для себя, своих проектов или на заказ;
– Расскажем, где использовать AI-агентов в реальных задачах — от фриланса до автоматизации бизнеса.

Все участники получат готовые инструменты для работы с нейросетями. Эфир подойдет всем, кто хочет сэкономить время, монетизировать навыки и оставаться в тренде технологий 2025 года.

Один из самых свежих и бесплатных эфиров лета 2025 года ждет вас по ссылке.
This media is not supported in your browser
VIEW IN TELEGRAM
air message - Генератор воздушного сообщения, сделанный с помощью CSS и JavaScript

https://codepen.io/Ma5a/pen/xxrPjPE

Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
CSS glowing icons - Анимированные иконки, выполненные на чистом CSS без использования JavaScript

https://codepen.io/Krishnaa_Gupta/pen/MWoRqmr

Codepen Amazing