Топ 10 примеров с Codepens #2

Опубликовал: 3 года назад Вдохновение

Приветствую вас, дорогие друзья. Новая еженедельная рубрика «Топ 10 примеров с Codepens» продолжает свое существование и вот уже второй выпуск. Самые красивые работы по CSS, JS в сегодняшней подборке, как и всегда в режиме предпросмотра.

Топ 10 примеров с Codepens

Топ 10 примеров с Codepens
Elastic Slider от Taron
Шикарная реализация слайдера на CSS и JS

See the Pen Elastic Slider by Taron (@Taron) on CodePen.

CSS+SVG Carousel от LegoMushroom
Удивительная карусель при помощи CSS и SVG. Рекомендую к ознакомлению.

See the Pen CSS+SVG Carousel by LegoMushroom (@sol0mka) on CodePen.

Tearable Cloth от suffick
Реализация тряпичной ткани на JS + CSS. Выглядит шикарно. Физика на приемлемом уровне. Не идеальна, но концепт — интересный.

See the Pen Tearable Cloth by suffick (@suffick) on CodePen.

Magnetic Field от thepheer
Просто залипательный пример реализации движения частиц с применением JS + CSS

See the Pen Magnetic Field by thepheer (@thepheer) on CodePen.

Секундомер на чистом CSS от Ruben
Пример реализации секундомера на чистом CSS без использования JavaScript.

See the Pen CSS Stop Watch by Ruben (@sargsyan) on CodePen.

Фильтры на CSS для изображений от Adams
Реализация фильтров с градиентами, которые применяются к изображениям.

See the Pen Gradient filtering images by Ed Adams (@edadams) on CodePen.

Adventure Time with Finn, Jake & Beemo от Adam Towle
Кропотливая работа с пиксель артом на чистом CSS.

Radar Scanner от AaronChuo
Реализация сканирования радаром на SASS.

See the Pen Radar Scanner by AaronChuo (小狂) (@aaronchuo) on CodePen.

Orange Skies от beesandtrees
SASS реализация апельсина.

See the Pen Orange Skies by beesandtrees (@beesandtrees) on CodePen.

Chromatic Sphere от Franco Bouly
Отличная сфера на CSS и JS. Ознакомьтесь с кодом.

See the Pen Chromatic Sphere by Franco Bouly (@rayfranco) on CodePen.

Предыдущий выпуск: Топ 10 примеров с Codepens #2


Новая система комментариев
comments powered by HyperComments