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

Custom Radio Buttons

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

⤷ Забрать код

@HtmlGram1 | #css

Music player widget

Виджет музыкального плеера. Реализовано с помощью CSS и JavaScript.

⤷ Забрать код

@HtmlGram1 | #css #javascript

React HSL Slider

Слайдер выбора цвета. Реализовано с помощью React.

⤷ Забрать код

@HtmlGram1 | #React

Quickchat UI Themes

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

⤷ Забрать код

@HtmlGram1 | #javascript

Menu Animation

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

⤷ Забрать код

@HtmlGram1 | #css #javascript

Password Generator

Генератор пароля с использованием строчных и заглавных буквы, цифр и специальных символов. Реализовано с помощью Clipboard.js.

⤷ Забрать код

@HtmlGram1 | #clipboardjs