Stars with ParticlesJS

Анимация звезд. Реализованo с помощью JavaScript и CSS.

⤷ Забрать код

@HtmlGram1 | #css #javascript

Direction-aware 3D hover effect

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

⤷ Забрать код

@HtmlGram1 | #css #javascript

Touch device jelly menu concept

Анимация желейного меню при прокрутке. Реализовано с помощью JavaScript и CSS.

⤷ Забрать код

@HtmlGram1 | #css #javascript

ThreeJS Rain & Thunder

Имитация неба с дождем и громом. Реализовано с помощью JavaScript и CSS.

⤷ Забрать код

@HtmlGram1 | #css #javascript

Carousel

Карусель карточек с эффектом размытия. Реализовано с помощью JavaScript и CSS.

⤷ Забрать код

@HtmlGram1 | #css #javascript

CSS Responsive animated Accordion

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

⤷ Забрать код

@HtmlGram1 | #css #javascript

Responsive Parallax Drag-slider With Transparent Letters

Слайдер Parallax с прозрачными буквами. Реализовано с помощью JavaScript и CSS.

⤷ Забрать код

@HtmlGram1 | #css #javascript

Pure CSS Tabs

Текст который отобращается при нажатии вкладки. Написано на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Pure CSS Hamburger fold-out menu

Раскладывающееся меню. Написано на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Pure CSS Tabs

Боковое скользящее меню. Написано на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css

Unicycle Range Slider

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

⤷ Забрать код

@HtmlGram1 | #css #javascript

3D hover plane effect

Эффект 3D-плоскости при наведении. Реализовано с помощью CSS-свойства transform и jQuery.

⤷ Забрать код

@HtmlGram1 | #css #jquery

Menu Animation

Анимация кнопки меню. Реализовано с помощью CSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #css #javascript

Planet Picker

Анимация перехода между значениями, текстовой информации и круговой навигации в формате SVG. Реализовано с помощью Splitting.js.

⤷ Забрать код

@HtmlGram1 | #splittingjs #svg

TOASTS

Пример реализации разых уведомлений: информационное, предупреждающее уведомления и уведомление об успехе. Реализовано с помощью CSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #css #javascript

Running man + button

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

⤷ Забрать код

@HtmlGram1 | #css #javascript

Fit Text

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

⤷ Забрать код

@HtmlGram1 | #css #javascript

Glassmorphing card

Карточка в стиле стекломорфизма с плавным 3D-наклоном при наведении, созданная с помощью библиотеки Tilt.js.

⤷ Забрать код

@HtmlGram1 | #tiltjs

Rating

Выставление рейтинга в виде звезд. Реализовано с помощью библиотеки GSAP.

⤷ Забрать код

@HtmlGram1 | #gsap

Hopdot Loader

Анимация прелоадера в виде перекатывающихся точек. Реализовано с помощью GSAP.

⤷ Забрать код

@HtmlGram1 | #gsap

Day-Night toggle switch

Анимация реализации переключателя день-ночь. Реализовано на чистом CSS.

⤷ Забрать код

@HtmlGram1 | #css