This media is not supported in your browser
VIEW IN TELEGRAM
Quick details with zoom view — адаптивные карточки товаров с подробным просмотром товара в модальном окне. Реализованы с помощью CSS и jQuery.
https://codepen.io/JorgeAguilar/pen/VwjeJYO
Codepen Amazing
https://codepen.io/JorgeAguilar/pen/VwjeJYO
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Mini Insta-Friends — макет прокручиваемого списка друзей в Instagram, реализованный на чистом CSS.
https://codepen.io/argyleink/pen/bGegorL
Codepen Amazing
https://codepen.io/argyleink/pen/bGegorL
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Infinity — бесконечно вращающийся карандаш, реализованный на чистом CSS.
https://codepen.io/ruphaa/pen/yQBEBY
Codepen Amazing
https://codepen.io/ruphaa/pen/yQBEBY
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Meow Meow keyboard — веб-пианино со звуками кошачьего мяуканья, реализованное с помощью Tone.js.
https://codepen.io/laurenvast/pen/jOrWXej
Codepen Amazing
https://codepen.io/laurenvast/pen/jOrWXej
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Ghost — приведение, написанное на чистом CSS? без использования изображения.
https://codepen.io/havardob/pen/BazRQyj
Codepen Amazing
https://codepen.io/havardob/pen/BazRQyj
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
CSSometric — анимация с изометрическим изменением формы в перспективе, реализованная на чистом CSS.
https://codepen.io/hexagoncircle/pen/gOMrbOR
Codepen Amazing
https://codepen.io/hexagoncircle/pen/gOMrbOR
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Developer Avocado — авокадо, анимированное с помощью TweenMax.js и CustomEase.js.
https://codepen.io/sdras/pen/yRVYGo
Codepen Amazing
https://codepen.io/sdras/pen/yRVYGo
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Halloween — анимация в стиле Хэллоуин, реализованная на чистом CSS.
https://codepen.io/thebabydino/pen/mdERmQB
Codepen Amazing
https://codepen.io/thebabydino/pen/mdERmQB
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
User Avatar Stacks — аккуратно накладывающиеся друг на друга пользовательские аватары, реализованные с помощью Tailwind CSS.
https://codepen.io/robstinson/pen/NWrrgej
Codepen Amazing
https://codepen.io/robstinson/pen/NWrrgej
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Gray Burst — анимация "Серый взрыв" с несколькими оттенками цвета, реализованная с помощью CSS и JavaScript.
https://codepen.io/chriscoyier/pen/OJXNeyP
Codepen Amazing
https://codepen.io/chriscoyier/pen/OJXNeyP
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Neumorphic Click Me Load More Animation — анимация загрузки в неоморфном стиле, реализованная на чистом CSS.
https://codepen.io/ruphaa/pen/QWENjRr
Codepen Amazing
https://codepen.io/ruphaa/pen/QWENjRr
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
The Infinite Flame — анимация бесконечного пламени, реализованная с помощью Ccapture.js и Three.js.
https://codepen.io/shubniggurath/pen/aRqepQ
Codepen Amazing
https://codepen.io/shubniggurath/pen/aRqepQ
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Drag slider — слайдер с ползунком перетаскивания. Анимация реализована с помощью шейдеров и библиотек Anime.js и Curtains.js.
https://codepen.io/martinlaxenaire/pen/EqxojQ
Codepen Amazing
https://codepen.io/martinlaxenaire/pen/EqxojQ
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Canyonlands — каньонленд, где наступает утро или ночь при клике мышкой, а при наведении появляется солнце или луна. Реализован с помощью CSS и JavaScript.
https://codepen.io/cobra_winfrey/pen/RwWYGxj
Codepen Amazing
https://codepen.io/cobra_winfrey/pen/RwWYGxj
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
NESubscribe — поле ввода e-mail адреса в стиле Super Mario, реализованное с помощью jQuery и Splitting.js.
https://codepen.io/cobra_winfrey/pen/OJVJJoj
Codepen Amazing
https://codepen.io/cobra_winfrey/pen/OJVJJoj
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Wiggly Squiggly — разноцветные SVG-завитки, следящие за курсором мыши. Реализованы с помощью Typescript, GSAP и Rx.js.
https://codepen.io/ste-vg/pen/qobgBM
Codepen Amazing
https://codepen.io/ste-vg/pen/qobgBM
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Orange Juice — анимация добавления апельсинового сока в стакан при клике, реализованная с помощью Pixi.js и LiquidFun.
https://codepen.io/ste-vg/pen/XRvBNg
Codepen Amazing
https://codepen.io/ste-vg/pen/XRvBNg
Codepen Amazing
В 2025 году на кодинге уже не вывезешь, перспектива года - Информационная Безопасность.
Ловите полезные каналы, которые помогут ворваться в новое направление.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Zippity Zappity — динамически нарисованный SVG, который следует за курсором мыши. Анимация реализована с помощью GSAP.
https://codepen.io/ste-vg/pen/rrxdBE
Codepen Amazing
https://codepen.io/ste-vg/pen/rrxdBE
Codepen Amazing
This media is not supported in your browser
VIEW IN TELEGRAM
Circle Swap Photo Gallery — фотогалерея с красивой анимацией замены фотографий, реализованная с помощью React и GSAP.
https://codepen.io/ste-vg/pen/WNvYWKr
Codepen Amazing
https://codepen.io/ste-vg/pen/WNvYWKr
Codepen Amazing