404 Page - GSAP-анимация SVG-элементов картинки на адаптивной странице.

https://codepen.io/kdbkapsere/pen/oNXLbqQ

Codepen Amazing

Cube — анимированная загрузка в виде точек и куба. Реализована с помощью CSS и JavaScript

https://codepen.io/josetxu/pen/gOJeLBO

Codepen Amazing

Placeholders - пример реализации позиционирования подписей к инпутам формы при фокусе на чистом CSS.

https://codepen.io/ainalem/pen/GRqPwoz

Codepen Amazing

"Toss" Add to Cart Animation - анимация добавления товара в корзину. Реализована с помощью jQuery.

https://codepen.io/designcouch/pen/OJPdZxg

Codepen Amazing

Weird Fishes - анимация плавающей рыбки при прокрутке страницы, реализованная с помощью технологий GSAP, ScrollTrigger, MotionPathPlugin, MotionPathHelper, lodash.throttle.

https://codepen.io/michellebarker/pen/dyMQYYz

Codepen Amazing

Like Overflow - переполнение кол-ва лайков. Реализовано на React. Для анимации используется библиотека GSAP.

https://codepen.io/Maxel88/pen/BaLWdMY

Codepen Amazing

Pure CSS Cyberpunk 2077 Buttons - кнопки Cyberpunk 2077 на чистом css. Glitch-эффекты реализованы с помощью css-свойства clip-path.

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

Codepen Amazing

Marble Checkbox — неоновый переключатель. Реализована с помощью CSS и JavaScript

https://codepen.io/josetxu/pen/xxWPMgy

Codepen Amazing

Анимированный прелоадер — простой вариант анимированного прелоадера. Реализована с помощью CSS и JavaScript

https://codepen.io/rikhnovets/pen/OJKLWgy

Codepen Amazing

Accessible Custom Toggle Switch - демонстрация разметки и стилизации семантического чекбокса таким образом, чтобы он выглядел и вёл себя как toggle switch.

https://codepen.io/xirclebox/pen/wvGmjbV

Codepen Amazing

Animated Fill and Strikethrough Checkboxes - анимация добавления/удаления галочки чекбокса с зачеркиванием.

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

Codepen Amazing

Tooltip Magic - красивые всплывающие подсказки на чистом CSS.

https://codepen.io/tutsplus/pen/WROvdG

Codepen Amazing

Digital Alarm / Clock / StopWatch - цифровые часы в современном стиле с будильником и секундомером. Часы реализованы с помощью jQuery.

https://codepen.io/amirrezajef/pen/NEoJKd

Codepen Amazing

Bevels, Gifs and Gradient Text — фаски, гифки и градиентный текст, реализованные на чистом CSS.

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

Codepen Amazing

Variable Fonts — вариативные шрифты, реализованные с помощью CSS, JavaScript и requestAnimationFrame.

https://codepen.io/JuanFuentes/pen/rgXKGQ

Codepen Amazing

Page layout text effects — текстовый эффект, реализованный с использованием data-*
атрибутов CSS, псевдоэлементов и CSS-свойства clip-path.

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

Codepen Amazing

Building compound shape — построение составной формы: поворот граней в окончательное положение. Реализовано с помощью CSS и JavaScript.

https://codepen.io/thebabydino/pen/LYPyRQY

Codepen Amazing

CSS selectors quiz — тест по CSS-селекторам, созданный с помощью Vue.js.

https://codepen.io/pehaa/pen/ROapJZ

Codepen Amazing

Freddie Mercury — адаптивный портрет вокалиста рок-группы Queen Фредди Меркьюри, написанный на чистом CSS.

https://codepen.io/ricardoolivaalonso/pen/zYvLYbY

Codepen Amazing

The Impossible Lightbulb — лампочка, которую невозможно включить, открывается дверь и злой мишка снова его выключает. Анимация реализована с помощью GSAP.

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

Codepen Amazing