This media is not supported in your browser
VIEW IN TELEGRAM
Responsive Parallax Drag-slider With Transparent Letters
Слайдер Parallax с прозрачными буквами. Реализовано с помощью JavaScript и CSS.
⤷ Забрать код
@HtmlGram1 | #css #javascript
Слайдер Parallax с прозрачными буквами. Реализовано с помощью JavaScript и CSS.
⤷ Забрать код
@HtmlGram1 | #css #javascript
❤6
This media is not supported in your browser
VIEW IN TELEGRAM
Pure CSS Tabs
Текст который отобращается при нажатии вкладки. Написано на чистом CSS.
⤷ Забрать код
@HtmlGram1 | #css
Текст который отобращается при нажатии вкладки. Написано на чистом CSS.
⤷ Забрать код
@HtmlGram1 | #css
❤7
This media is not supported in your browser
VIEW IN TELEGRAM
Pure CSS Hamburger fold-out menu
Раскладывающееся меню. Написано на чистом CSS.
⤷ Забрать код
@HtmlGram1 | #css
Раскладывающееся меню. Написано на чистом CSS.
⤷ Забрать код
@HtmlGram1 | #css
❤9
This media is not supported in your browser
VIEW IN TELEGRAM
Unicycle Range Slider
Ползунок диапазона с отображением числового значения на флаге с человечком. Реализовано с помощью CSS и JavaScript.
⤷ Забрать код
@HtmlGram1 | #css #javascript
Ползунок диапазона с отображением числового значения на флаге с человечком. Реализовано с помощью CSS и JavaScript.
⤷ Забрать код
@HtmlGram1 | #css #javascript
❤9
This media is not supported in your browser
VIEW IN TELEGRAM
3D hover plane effect
Эффект 3D-плоскости при наведении. Реализовано с помощью CSS-свойства transform и jQuery.
⤷ Забрать код
@HtmlGram1 | #css #jquery
Эффект 3D-плоскости при наведении. Реализовано с помощью CSS-свойства transform и jQuery.
⤷ Забрать код
@HtmlGram1 | #css #jquery
❤9
This media is not supported in your browser
VIEW IN TELEGRAM
Menu Animation
Анимация кнопки меню. Реализовано с помощью CSS и JavaScript.
⤷ Забрать код
@HtmlGram1 | #css #javascript
Анимация кнопки меню. Реализовано с помощью CSS и JavaScript.
⤷ Забрать код
@HtmlGram1 | #css #javascript
❤13
This media is not supported in your browser
VIEW IN TELEGRAM
Planet Picker
Анимация перехода между значениями, текстовой информации и круговой навигации в формате SVG. Реализовано с помощью Splitting.js.
⤷ Забрать код
@HtmlGram1 | #splittingjs #svg
Анимация перехода между значениями, текстовой информации и круговой навигации в формате SVG. Реализовано с помощью Splitting.js.
⤷ Забрать код
@HtmlGram1 | #splittingjs #svg
❤15
This media is not supported in your browser
VIEW IN TELEGRAM
TOASTS
Пример реализации разых уведомлений: информационное, предупреждающее уведомления и уведомление об успехе. Реализовано с помощью CSS и JavaScript.
⤷ Забрать код
@HtmlGram1 | #css #javascript
Пример реализации разых уведомлений: информационное, предупреждающее уведомления и уведомление об успехе. Реализовано с помощью CSS и JavaScript.
⤷ Забрать код
@HtmlGram1 | #css #javascript
❤9
This media is not supported in your browser
VIEW IN TELEGRAM
Running man + button
Анимация бегущего человека с функцией отслеживания бега. Реализовано с помощью CSS и JavaScript.
⤷ Забрать код
@HtmlGram1 | #css #javascript
Анимация бегущего человека с функцией отслеживания бега. Реализовано с помощью CSS и JavaScript.
⤷ Забрать код
@HtmlGram1 | #css #javascript
❤5
This media is not supported in your browser
VIEW IN TELEGRAM
Fit Text
Подгонка текста по ширине окна просмотра. Реализовано с помощью CSS и JavaScript.
⤷ Забрать код
@HtmlGram1 | #css #javascript
Подгонка текста по ширине окна просмотра. Реализовано с помощью CSS и JavaScript.
⤷ Забрать код
@HtmlGram1 | #css #javascript
❤17
This media is not supported in your browser
VIEW IN TELEGRAM
Glassmorphing card
Карточка в стиле стекломорфизма с плавным 3D-наклоном при наведении, созданная с помощью библиотеки Tilt.js.
⤷ Забрать код
@HtmlGram1 | #tiltjs
Карточка в стиле стекломорфизма с плавным 3D-наклоном при наведении, созданная с помощью библиотеки Tilt.js.
⤷ Забрать код
@HtmlGram1 | #tiltjs
❤6
This media is not supported in your browser
VIEW IN TELEGRAM
Rating
Выставление рейтинга в виде звезд. Реализовано с помощью библиотеки GSAP.
⤷ Забрать код
@HtmlGram1 | #gsap
Выставление рейтинга в виде звезд. Реализовано с помощью библиотеки GSAP.
⤷ Забрать код
@HtmlGram1 | #gsap
❤8
This media is not supported in your browser
VIEW IN TELEGRAM
Hopdot Loader
Анимация прелоадера в виде перекатывающихся точек. Реализовано с помощью GSAP.
⤷ Забрать код
@HtmlGram1 | #gsap
Анимация прелоадера в виде перекатывающихся точек. Реализовано с помощью GSAP.
⤷ Забрать код
@HtmlGram1 | #gsap
❤7
This media is not supported in your browser
VIEW IN TELEGRAM
Day-Night toggle switch
Анимация реализации переключателя день-ночь. Реализовано на чистом CSS.
⤷ Забрать код
@HtmlGram1 | #css
Анимация реализации переключателя день-ночь. Реализовано на чистом CSS.
⤷ Забрать код
@HtmlGram1 | #css
❤7👨💻2
This media is not supported in your browser
VIEW IN TELEGRAM
Custom Radio Buttons
Пользовательские радио-кнопки. Реализовано на чистом CSS.
⤷ Забрать код
@HtmlGram1 | #css
Пользовательские радио-кнопки. Реализовано на чистом CSS.
⤷ Забрать код
@HtmlGram1 | #css
❤6
This media is not supported in your browser
VIEW IN TELEGRAM
Music player widget
Виджет музыкального плеера. Реализовано с помощью CSS и JavaScript.
⤷ Забрать код
@HtmlGram1 | #css #javascript
Виджет музыкального плеера. Реализовано с помощью CSS и JavaScript.
⤷ Забрать код
@HtmlGram1 | #css #javascript
❤6
This media is not supported in your browser
VIEW IN TELEGRAM
Quickchat UI Themes
Адаптивная панель управления с темой пользовательского интерфейса для быстрого чата. Реализовано с помощью JavaScript.
⤷ Забрать код
@HtmlGram1 | #javascript
Адаптивная панель управления с темой пользовательского интерфейса для быстрого чата. Реализовано с помощью JavaScript.
⤷ Забрать код
@HtmlGram1 | #javascript
❤9
This media is not supported in your browser
VIEW IN TELEGRAM
Menu Animation
Анимация меню кнопок. Реализованная с помощью CSS и JavaScript.
⤷ Забрать код
@HtmlGram1 | #css #javascript
Анимация меню кнопок. Реализованная с помощью CSS и JavaScript.
⤷ Забрать код
@HtmlGram1 | #css #javascript
❤10
This media is not supported in your browser
VIEW IN TELEGRAM
Password Generator
Генератор пароля с использованием строчных и заглавных буквы, цифр и специальных символов. Реализовано с помощью Clipboard.js.
⤷ Забрать код
@HtmlGram1 | #clipboardjs
Генератор пароля с использованием строчных и заглавных буквы, цифр и специальных символов. Реализовано с помощью Clipboard.js.
⤷ Забрать код
@HtmlGram1 | #clipboardjs
❤8