CodePen Amazing
Здесь вы найдёте самые клёвые проекты с CodePen! Смотрите, вдохновляйтесь, творите! Ссылка: @Portal_v_IT Сотрудничество: @oleginc, @tatiana_inc Реклама — telega.in/channels/codepen_amazing/card?r=o8lGV6A1
Show more6 334
Subscribers
-124 hours
-97 days
-3830 days
- Subscribers
- Post coverage
- ER - engagement ratio
Data loading in progress...
Subscriber growth rate
Data loading in progress...
00:10
Video unavailableShow in Telegram
А что, уже осень? - Анимированное деревце с опадающими листьями при наведении. Нужны CSS и Three.js.
https://codepen.io/ceramicSoda/pen/xxQJqVv
Codepen Amazing | ChatGPT
Видео без названия - Made with Clipchamp (3).mp41.35 MB
00:13
Video unavailableShow in Telegram
Пикачу в коробке
Пикачу в коробке отрисован и анимирован с помощью чисто CSS. Отдельные элементы графики сделаны с помощью DIV’ов и затем стилизованы.
Чтобы запустить анимацию нужно нажать на верх коробки и потянуть курсов в сторону. Попробуйте сами. Там же вы найдёте код проекта:
https://codepen.io/maxi83c/pen/JjOZdWX
Codepen Amazing | ChatGPT
0119(1).mp45.39 KB
00:11
Video unavailableShow in Telegram
Tab Icon Animations - Анимированная панель навигации. Сделана на SVG, SCSS и TypeScript.
https://codepen.io/jkantner/pen/rNbeEXg
Codepen Amazing | ChatGPT
354f825a-d032-4e4d-8ac9-307534236455.mp40.63 KB
00:15
Video unavailableShow in Telegram
Мне латте, пожалуйста - Интерактивная шпаргалка для всех любителей кофе. Потребуется CSS и капелька JavaScript.
https://codepen.io/RAFA3L/pen/QWJOmrL
Codepen Amazing | ChatGPT
Видео без названия - Made with Clipchamp (2).mp410.20 KB
00:13
Video unavailableShow in Telegram
New Fortnite Buttons - Кнопки в стиле меню фортнайта. Подойдут для разных типов и направленностей сайтов.
https://codepen.io/Juxtopposed/pen/yLZmVrW
Codepen Amazing | ChatGPT
IMG_7479.MOV4.47 MB
00:21
Video unavailableShow in Telegram
Interactive 3D die - Вращение трехмерных игральных костей согласно вводу пользователя, реализованное на чистом CSS.
https://codepen.io/HunorMarton/pen/mdERrLy
Codepen Amazing | ChatGPT
Interactive 3D die.mp49.94 KB
00:10
Video unavailableShow in Telegram
Переключатель социального рейтинга - Переключатель темной темы в виде китайского фонарика. Нужны только CSS и SVG.
https://codepen.io/RAFA3L/pen/zYMYqqR
Codepen Amazing | ChatGPT
Видео без названия - Made with Clipchamp (1).mp43.44 KB
00:18
Video unavailableShow in Telegram
Neon Clock - Сцена с неоновыми часами. Сделана на SCSS и JavaScript.
https://codepen.io/wheatup/pen/JjzdMbK
Codepen Amazing | ChatGPT
5394d326-9e93-4a68-a9ad-e0a7a7ee22b7.mp41.15 MB
00:05
Video unavailableShow in Telegram
Новый логотип Microsoft - Анимированная сцена с пиксельным логотипом Microsoft. Исполнено на SCSS и JavaScript.
Видео без названия - Made with Clipchamp.mp45.30 KB
Choose a Different Plan
Your current plan allows analytics for only 5 channels. To get more, please choose a different plan.