Profile Card Animation — изображение преобразуется в информационную карточку при нажатии на значок. Реализована с помощью CSS и JavaScript

https://codepen.io/chandrashekhar/pen/vrddgg

Codepen Amazing

Layout Templates with CSS Grid — примеры макетов технологии CSS Grid. Будут полезны тем, кто начал изучение этой технологии.

https://codepen.io/5t3ph/pen/qBBgMdp

Codepen Amazing

Three Fancy Link Hover Effects — три необычных эффекта при наведении на ссылки, реализованные на чистом CSS.

https://codepen.io/jhancock532/pen/GRZrLwY

Codepen Amazing

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

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

Codepen Amazing

Newsletter Subscribe — анимация успешной подписки на рассылку новостей, реализованная с помощью GSAP.

https://codepen.io/aaroniker/pen/NWrbeyp

Codepen Amazing

Project Filter Tabs — вкладки с фильтрацией на чистом CSS.

https://codepen.io/jalajcodes/pen/wvGKZNy

Codepen Amazing

Accordion — аккордеон, реализованный с помощью JavaScript.

https://codepen.io/VoloshchenkoAl/pen/eYZrXdr

Codepen Amazing

Sticky-Stacked Cards — карточки, собирающиеся в стопку при прокрутке страницы. Реализованы на чистом CSS.

https://codepen.io/enbee81/pen/MWKxrvP

Codepen Amazing

Event Cards — карточки с информацией о событий, реализованные с помощью React.

https://codepen.io/ivanodintsov/pen/bGVwMjW

Codepen Amazing

Order confirm animation — анимация подтверждения заказа при клике, реализованная с помощью jQuery.

https://codepen.io/aaroniker/pen/eYOVrNa

Codepen Amazing

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

https://codepen.io/RAFA3L/pen/zYMYqqR

Codepen Amazing

CSS Image reveal with filter && clip-path — изображения с эффектами при наведении, реализованные с помощью CSS-фильтра clip-path.

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

Codepen Amazing

Pill styled radio buttons | Fully scaleable — эффект нажатия на переключатели в виде расширения границы. Реализована с помощью CSS и JavaScript

https://codepen.io/havardob/pen/dyYXBBr

Codepen Amazing

Split 3D Carousel — 3D-слайдер, состоящий из двух кубов. Реализован с помощью jQuery.

https://codepen.io/paulnoble/pen/yVyQxv

Codepen Amazing

GSAP ScrollTrigger — анимация движения текста и изображений при скролле страницы, реализованная с помощью GSAP и ScrollTrigger.

https://codepen.io/noeldelgado/pen/BaogqYy

Codepen Amazing

Checkbox — флажок, который указывает на то, что опция выбрана. Реализована с помощью CSS и JavaScript

https://codepen.io/theprogrammingexpert/pen/RwamBKb

Codepen Amazing

ScrollTrigger: SVG Text Mask — текстовая SVG-маска, которая меняется при прокрутке страницы. Подобный эффект реализован с помощью ScrollTrigger, GSAP, ScrollToPlugin3 и ZeptoJS.

https://codepen.io/creativeocean/pen/qBbBLyB

Codepen Amazing

React Slider w/ Hover Effect — слайдер, созданный с помощью React, с оригинальным эффектом при наведении.

https://codepen.io/hexagoncircle/pen/jgGxKR

Codepen Amazing

Login Form Input animation — форма для ввода имени и пароля на фоне градиентного перехода. Реализована с помощью CSS и JavaScript

https://codepen.io/a23956491z/pen/bGwaagQ

Codepen Amazing

Netflix Intro Animation Pure CSS - вступительная анимация Netflix на чистом CSS.

https://codepen.io/claudio_bonfati/pen/mdryxPv

Codepen Amazing