10 Крутых Демок на CodePen (Сентябрь 2024)

Темани Афиф создал трюк CSS, который демонстрирует анимированную выемку, адаптирующуюся к позиции аватара, используя только несколько строк кода HTML и CSS. Рафа разработал интерактивный демо, который отображает время суток с помощью движущейся палки, предлагая персонализированный опыт на основе времени компьютера. Ксения Кондрашова экспериментировала с шейдерами, чтобы создать легкую анимацию пиксельного искажения, которая может быть настроена для различных эффектов. Гийом Мартиньи создал бесконечный лес из сосновых деревьев с помощью Pencil.js, библиотеки JavaScript для 2D-рисования, которая создает успокаивающий 3D-эффект. Грант Дженкинс создал красивую анимацию танцующих насекомых с помощью JavaScript, с гладкими и забавными деталями. Мергим Уйкани создал анимированную версию логотипа Docker только с помощью HTML и CSS, с китом, который плавает и прыгает в океане. Мариана Белди разработала демо анимации, управляемой прокруткой, которая создает гладкий опыт прокрутки с движущимися, уменьшающимися и исчезающими элементами. Гибсон создал компонент счетчика олимпийских медалей с помощью React и Framer Motion, который мог бы стать крутым виджетом на спортивном сайте. Джон Кантнер разработал виджет записи, который анимируется при каждом взаимодействии пользователя и с течением времени. yuanchuan создал завораживающую анимацию вращения с помощью SVG и CSS, с невероятно простым кодом.