Fun CSS - 40 забавных сайтов CSS

внешний интерфейс CSS
Fun CSS - 40 забавных сайтов CSS

🔖 Забавный CSS - 40 забавных сайтов с CSS

🌐 Базовое обучение

cssreference.io/Справочник по CSS

Спойте OK coco.GitHub.IO/CSS-INS как A…CSS-вдохновение

Уууууууууууууууууууууууууууууууууууууууууууууу ARDS.com/sites/zero-…Вдохновение для дизайнеров пользовательского интерфейса

htmlcheatsheet.com/css/Интерактивная онлайн-стенограмма CSS

zh.learnlayout.com/Изучите макет CSS

css-tricks.com/CSS-трюки

web.dev/learn/css/Колонка обучения CSS на web.dev

www.w3schools.com/howto/W3 Как узнать, как реализовать общие компоненты страницы

код YUI.com/tag/pure - в это время...Более 450 дизайнов пользовательского интерфейса на чистом CSS от Ξ ℂ𝕠𝕕𝕖𝕄𝕪𝕌𝕀

🧚 CSS анимация

Чистая анимация CSS, библиотека анимации JS здесь не включена

animate.style/Набор CSS-анимации

tholman.com/obnoxious/А вот динамический эффект мозгов, но выглядит очень "люто"

elrumordelaluz.github.io/csshake/Эффект дизеринга CSS

animxyz.com/Анимация 3D-преобразования CSS

animista.net/play/Набор анимации CSS, вы можете свободно настраивать параметры анимации и создавать фрагменты кода

ianlunn.github.io/Hover/CSS-анимация при наведении курсора

Woohoo.Minimamente.com/project/Marco…Анимация CSS подходит для специальной анимации

🕹️ Обучающие игры

cssgridgarden.com/Изучите CSS Grid Layout, поливая редис

www.flexboxdefense.com/Игра в жанре Tower Defense на CSS, изучите гибкую компоновку

flukeout.github.io/Практикуйте селекторы CSS, готовя

flexboxfroggy.com/Отправьте лягушонка домой и изучите гибкий макет

🎰 Генерация кода

🌚 извинитеэтот сайт не работаетГенератор коробчатой ​​тени

В качестве компенсации я разместил пару действительно хороших сайтов с инструментами, которые я недавно нашел.

glassgenerator.netlify.app/матовый прозрачный эффект

coolbackgrounds.io/классный фон

www.pixelartcss.com/Пользовательский материал пикселей

stripesgenerator.com/Генератор полосатых фоновых изображений

svgwave.in/генератор пульсаций

Этот UML.design/theme-gen…Генератор тем от numl design

color.Adobe.com/this/create/from…Adobe предоставляет инструмент выбора цвета для пользователей с дальтонизмом

9elements.GitHub.IO/fancy-weak…Новый способ игры с радиусом границы с закругленными углами

accordionslider.com/Жалюзи на чистом CSS

grid.layoutit.com/генератор компоновки сетки

csslayout.io/Набор элементов и компонентов страницы, реализованных на чистом CSS.

keyframes.app/animate/Генератор анимации CSS

cssanimate.com/Еще один генератор анимации CSS

www.cssfiltergenerator.com/CSS-фильтр

imageslidermaker.com/Генератор каруселей CSS, основанный на jQuery 😂

www.30secondsofcode.org/css/p/130-секундные фрагменты кода — CSS

🎨 Подбор цвета

colorhunt.co/ Color Hunt

mycolor.space/еще цвет

clrs.cc/еще цвет

cssgradient.io/CSS-градиент

Ссылаться на:

Категории