CSS Фичи
2K subscribers
16 photos
111 videos
9 links
Канал с фичами, написанными на CSS — эффекты, слайдеры, анимация и т.д, Посты помогают разработчикам быстро находить нужную фичу в использовать у себя. По всем вопросам: @telejnoe_bot
Download Telegram
Ссылка на код
This media is not supported in your browser
VIEW IN TELEGRAM
Custom Tooltip

Меню при нажатии на которое раскрывается и появляется подсказка. Написано на чистом CSS.

#меню #css
This media is not supported in your browser
VIEW IN TELEGRAM
Share Button

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

#анимация #button #css #js
This media is not supported in your browser
VIEW IN TELEGRAM
Animated Squares - #100dayscss

Анимированные квадраты, написаны на чистом css.

#анимация #css
This media is not supported in your browser
VIEW IN TELEGRAM
Volume button knob 

Кнопка увеличения/уменьшения громкости, реализованная на CSS(SCSS), JavaScript(TypeScript)

#кнопка #scss #typescript
This media is not supported in your browser
VIEW IN TELEGRAM
Hollow Box Loading Animation

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

#анимация #css
This media is not supported in your browser
VIEW IN TELEGRAM
Rotating text

Вращающийся текст. Сделан с помощью JavaScript

#анимация #текст #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Christmas Cannon

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

#анимация #css #js
This media is not supported in your browser
VIEW IN TELEGRAM
无题 - CSS Doodle

Анимация в японском стиле, написана с помощью CSS и JS.

#анимация #css #js
This media is not supported in your browser
VIEW IN TELEGRAM
Loaders Kit | Pure CSS

Анимация комплекта загрузки, реализована с помощью CSS

#css
This media is not supported in your browser
VIEW IN TELEGRAM
Volume button knob 

Кнопка увеличения/уменьшения громкости, реализованная на CSS(SCSS), JavaScript(TypeScript)

#кнопка #scss #typescript
This media is not supported in your browser
VIEW IN TELEGRAM
Services Section | Learn CSS Garden

Анимация раздела услуг. Реализована с помощью CSS и JS

#анимация #css #js
This media is not supported in your browser
VIEW IN TELEGRAM
Her - OS1 Loading

Плавная анимация загрузки страницы, реализована с помощью CSS.

#анимация #css
This media is not supported in your browser
VIEW IN TELEGRAM
Button click page animation

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

#анимация #кнопка #javascript
This media is not supported in your browser
VIEW IN TELEGRAM
Tilting Maze game

Игра «Наклонный лабиринт». Реализована с помощью CSS и JS.

#анимация #js #css #game
This media is not supported in your browser
VIEW IN TELEGRAM
Card Split Hovers 

Эффект наведения, реализованный с помощью HTML(Pug), CSS, JavaScript

#эффект #pug #css #js
This media is not supported in your browser
VIEW IN TELEGRAM
Grid of flowers 

Анимация сетки цветов, написана на чистом CSS.

#анимация #css
This media is not supported in your browser
VIEW IN TELEGRAM
Simple spinner as background SVG image datauri with style

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

#анимация #css
This media is not supported in your browser
VIEW IN TELEGRAM
Preschool admission form using

Форма для приема у учебное учреждение, реализована с помощью CSS

#css #form
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Minimal Dark Mode Toggle Button 

Минималистичная кнопка переключения темного режима, реализованная на чистом CSS

#переключатель #css
This media is not supported in your browser
VIEW IN TELEGRAM
Stripe Background

Полосатый фон, написанный на чистом CSS

#градиент #цвет #css