Animated Atom Logo — атом. Реализована с помощью CSS и JS

https://codepen.io/hugo/pen/noobLB

Codepen Amazing

AI Toggle — тогл. Реализована с помощью CSS и JS

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

Codepen Amazing

Solar system — анимация описания планет солнечной системы. Реализована с помощью CSS и JS

https://codepen.io/DeyJordan/pen/NWOoEOg

Codepen Amazing

Земля, я Юпитер — в 1979 году "Вояджер-1" сделал 66 кадров. Реализована с помощью CSS и JavaScript

https://codepen.io/pavlovsk/pen/MWPNMoM

Codepen Amazing

Checkbox CSS Toggle - Day / Night Mode — переключатель с анимацией смены дневного времени на ночное. Реализована с помощью CSS и JS

https://codepen.io/ahmadbassamemran/pen/yLBXBmy

Codepen Amazing

Melty line goodness — анимированная граница. Реализована с помощью CSS и JavaScript

https://codepen.io/andyfitz/pen/abVjOpo

Codepen Amazing

loader — хаотичное размножение нескольких частиц. Реализована с помощью CSS и JS

https://codepen.io/SofiaSergio/pen/vWwOag

Codepen Amazing

Progress indicator — иконка загрузки.. Реализована с помощью CSS и JS

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

Codepen Amazing

Text Glitch animation — текст с анимацией глитча. Реализована с помощью CSS и JavaScript

https://codepen.io/oscar-jite/pen/yLwoeLE

Codepen Amazing

3d slider — 3D слайдер для фото Реализована с помощью CSS и JS

https://codepen.io/Johnny-Dragovic/pen/vYvEpaw

Codepen Amazing

Infinite Cover View v2 — слайдер, который бесконечно вращается по кругу. Реализована с помощью CSS и JS

https://codepen.io/jh3y/pen/VwmZppG

Codepen Amazing

Interactive UI Cards — слайдер. Реализована с помощью CSS и JS

https://codepen.io/Gogh/pen/PLqyNa

Codepen Amazing

Clock — часы. Реализована с помощью CSS и JS

https://codepen.io/igstudio/pen/WjdwrO

Codepen Amazing

WebGL Blobby Button — желейная кнопка. Реализована с помощью CSS и JS

https://codepen.io/ksenia-k/pen/wvNJrXZ

Codepen Amazing

🎬 Хотите, чтобы ваши идеи стали историей, о которой говорят?

Все мы придумывали сюжеты в голове: героев, диалоги, целые фильмы…
Разница только в том, что одни оставляют это фантазией, а другие делают карьеру на сценариях.

Специально для вас открыт бесплатный мини-курс, где идеи превращаются в истории. Что будет на курсе:

— Напишете свой первый сценарий всего за 4 занятия
— Пообщаетесь вживую с опытным сценаристом
— Получите 5 чек-листов и подборку материалов в подарок
— Вступите в закрытое комьюнити сценаристов в Telegram

💰Зарплата начинающего сценариста — от 80 000 ₽, с опытом — до 135 000 ₽.
А первый шаг вы делаете бесплатно (вместо 2 990 ₽).

Пройдите короткий тест, откройте доступ и начните писать историю. Одна из таких историй привела студента Skillbox к Netflix и HBO. Может, это и ваш путь!

Variable Fonts and the Web Audio API — демонстрация API веб-аудио. Реализована с помощью CSS и js

https://codepen.io/mandymichael/pen/OYpqdP

Codepen Amazing

Beer Bottle Preloader — необычный виджет загрузки с бутылками пива. Реализована с помощью CSS и JavaScript

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

Codepen Amazing

Parallax 404 Page — параллакс эффект страницы с ошибкой 404. Реализована с помощью CSS и JavaScript

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

Codepen Amazing