CodePen Community

13.8 billion years ago - Анимированная планета, сделанная с помощью SCSS и библиотеки Three.js

#codepen #scss #js

Подпишись👉 @codepen_1

Untitled - Фазы луны, выполненные на чистом CSS без использования JavaScript

#codepen #css

Подпишись👉 @codepen_1

Horizontal Carousel w/ GSAP Draggable - Галерея с параллакс эффектом, сделанная с помощью CSS и GSAP Draggable

#codepen #css #js

Подпишись👉 @codepen_1

Dolphins at dawn 🐬- Анимация, реализованная с помощью CSS и JS библиотек GSAP и Three.js


#codepen #css #js

Подпишись👉 @codepen_1

Magic Card - Карточка с анимированными границами, выполненная на чистом CSS

#codepen #css

Подпишись👉 @codepen_1

Table tenniCSS

Анимированная сцена "пинг-понг", сделанная с помощью SCSS без использования JavaScript

#codepen #scss #js

Подпишись👉 @codepen_1

React Monochromatic Landscape Generator - Генератор ландшафта, выполненный с помощью SCSS, SVG и библиотеки Babel.js

#codepen #scss #js

Подпишись👉 @codepen_1

Only CSS: Summer Dream - Анимированная сцена, сделанная с помощью Pug и SCSS без использования JavaScript

#codepen #scss

Подпишись👉 @codepen_1

CodePen Home The Clips of CSS v2 (React && Prism) - Генератор свойства clip-path, сделанный с помощью Pug, Stylus и библиотеки Babel.js

#codepen #css

Подпишись👉 @codepen_1

Grogu Toggle - Анимированный переключатель, выполненный на чистом CSS

#codepen #css

Подпишись👉 @codepen_1

TroisJS Starfield - Интерактивный фон, сделанный с помощью CSS и библиотеки TroisJS

При наведении на кнопку анимация ускоряется, а при нажатии меняется цвет.

#codepen #scss #js

Подпишись👉 @codepen_1

A clock made of clocks - Часы из маленьких часов, выполненные при помощи Pug, Sass и JavaScript

#codepen #scss #js

Подпишись👉 @codepen_1

TURN ON THE SYNTHWAVE - Переключатель темы, реализованный при помощи JavaScript и CSS

#codepen #css #js

Подпишись👉 @codepen_1

Tabbar - Анимированный tabbar, сделанный с помощью SCSS, SVG и JavaScript.

#codepen #scss #js

Подпишись👉 @codepen_1

Emerging Tooltip - Всплывающая подсказка, выполненная с помощью CSS и SVG, без использования JavaScript.

#codepen #css

Подпишись👉 @codepen_1

CSS Skateboard🛹 - Анимированная сцена, выполненная при помощи Pug и SCSS, без использования картинок.

#codepen #scss

Подпишись👉 @codepen_1

Horizontal Scroll Gallery (Locomotive Scroll) - Интерактивная галерея c горизонтальной прокруткой, выполненная при помощи Less и библиотеки Babel.js

При наведении на картинку, она становится цветной

#codepen #css #js

Подпишись👉 @codepen_1

Vanilla JS Snake - Игра "Змейка", сделанная при помощи Canvas и библиотеки Vanila.js

Управление осуществляется при помощи стрелочек на клавиатуре.

#codepen #css #js

Подпишись👉 @codepen_1

Moving on a Penrose Triangle - Анимированный треугольник Пенроуза, сделанный с помощью SCSS

#codepen #scss

Подпишись👉 @codepen_1

Clip Clop Clippity Clop [CSS Only] - Лошадь с эффектом замедления при клике. Анимация выполнена при помощи SCSS

#codepen #scss

Подпишись👉 @codepen_1