Проекты с открытым исходным кодом > Other Open Source > Books/Manuals/Tutorials &&

В избранное Ответвления

OSCHINA-MIRROR/lhammer-You-need-to-know-css

Присоединиться к Gitlife

Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)

Присоединиться бесплатно

Клонировать/Скачать

interesting-usage.md 2.1 КБ

# 🎢 Несколько интересных проектов

Сборник интересных проектов с использованием CSS, приветствуются дополнения!

### NES.css

CSS-фреймворк в стиле Nintendo Entertainment System (NES). Основной принцип реализации заключается в использовании шрифта [Press+Start+2P](https://fonts.google.com/specimen/Press+Start+2P) и эффекта `box-shadow`. Очень интересно, особенно реализация иконок. Рекомендую изучить исходный код! :thumbsup:

[NES.css](https://bcrikko.github.io/NES.css/ ':include :type=iframe width=100% height=429px')

?> **GitHub:** [BcRikko/NES.css](https://github.com/BcRikko/NES.css)

### Epic Spinners

CSS-анимации загрузки

[Epic Spinners](https://epic-spinners.epicmax.co/#/ ':include :type=iframe width=100% height=429px')

?> **GitHub:** [epicmaxco/epic-spinners](https://github.com/epicmaxco/epic-spinners)

### Shapes Generated

Фигуры, созданные с помощью CSS-градиентов

[Shapes Generated](https://codepen.io/yuanchuan/full/vVRKRQ/ ':include :type=iframe width=100% height=429px')

?> **GitHub:** [yuanchuan/gradient-shapes](https://github.com/yuanchuan/gradient-shapes)

### CSS File Icons

Иконки файлов, созданные с помощью чистого CSS

[CSS File Icons](https://colorswall.github.io/CSS-file-icons/ ':include :type=iframe width=100% height=429px')

?> **GitHub:** [colorswall/CSS-file-icons](https://github.com/colorswall/CSS-file-icons)

### Magic

CSS-анимации эффектов

[Magic](https://minimamente.com/example/magic_animations/ ':include :type=iframe width=100% height=429px')

?> **GitHub:** [miniMAC/magic](https://github.com/miniMAC/magic)

### A Single Div

Рисование с помощью одного HTML-элемента и CSS

[A Single Div](https://a.singlediv.com/ ':include :type=iframe width=100% height=429px')

?> **GitHub:** [lynnandtonic/a-single-div](https://github.com/lynnandtonic/a-single-div)

Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История

Отправлено 10.03.2025 04:31 b50c8d4

🎢 Несколько интересных проектов

Сборник интересных проектов с использованием CSS, приветствуются дополнения!

NES.css

CSS-фреймворк в стиле Nintendo Entertainment System (NES). Основной принцип реализации заключается в использовании шрифта Press+Start+2P и эффекта box-shadow. Очень интересно, особенно реализация иконок. Рекомендую изучить исходный код!

?> GitHub: BcRikko/NES.css

Epic Spinners

CSS-анимации загрузки

?> GitHub: epicmaxco/epic-spinners

Shapes Generated

Фигуры, созданные с помощью CSS-градиентов

Shapes Generated

?> GitHub: yuanchuan/gradient-shapes

CSS File Icons

Иконки файлов, созданные с помощью чистого CSS

?> GitHub: colorswall/CSS-file-icons

Magic

CSS-анимации эффектов

?> GitHub: miniMAC/magic

A Single Div

Рисование с помощью одного HTML-элемента и CSS

?> GitHub: lynnandtonic/a-single-div

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1

https://api.gitlife.ru/oschina-mirror/lhammer-You-need-to-know-css.git

git@api.gitlife.ru:oschina-mirror/lhammer-You-need-to-know-css.git

oschina-mirror

lhammer-You-need-to-know-css

lhammer-You-need-to-know-css

master