1 032 Codepen

Эффект наведения на CSS

При наведении на элемент его размер по ширине увеличивается, размеры соседних элементов при этом уменьшаются. Так же дополнительно с элемента убираются наложенные, по умолчанию, эффекты: приглушение изображения за счет фильтра grayscale и небольшого прозрачного темного градиента.

Эффект наведения на CSS
910 Codepen

Генератор птиц

С помощью jаvascript генерируются летящие птицы с разным оперением, которые сами сделаны на чистом CSS

Генератор птиц
923 Codepen

Reveal animation

Популярный эффект reveal для плавного появления текста или картинок при скролле

Reveal animation
2 522 Codepen

WebGL Distortion Slider

Крутой слайдер с эффектом искажения при смене слайдов. Сделано с использованием библиотек three.js и TweenMax

WebGL Distortion Slider
1 516 Codepen

SVG маска для фонового изображения

SVG маска для изображения. Удерживая левую кнопку мышки область маски будет расти и изображение вернется к своему исходному состоянию. Перемещая курсор мыши, область под ним будет отображать исходную картинку без маски.

SVG маска для фонового изображения