Топ-10 инструментов для CSS: анимация, сетки и дизайн
Веб-разработчику может быть сложно идти в ногу с новейшими технологиями и трендами веб-дизайна.
Однако, поскольку CSS является фундаментальной частью интерфейсной веб-разработки, доступ к нужным инструментам CSS может существенно повлиять на производительность и креативность разработчика.
В этой статье мы рассмотрим некоторые из самых популярных инструментов CSS, которые помогут вам идти в ногу со временем и вывести свои навыки CSS на новый уровень.
Неоморфизм
Neumorphism.io — это веб-сайт, на котором можно сгенерировать блоки в стиле неоморфизма. Это мягкий пользовательский интерфейс, который также называют неоскевоморфизмом.
Сайт генерирует стили CSS с программным интерфейсом, используя тени.
Animista
Animista — это коллекция анимаций CSS и пресетов, которые можно легко настроить и применить к веб-элементам.
Анимированный фон
Wweb.dev — генератор анимированных фонов CSS. Он позволяет создавать и настраивать анимированные фоны для своих веб-проектов.
Spin Kit
Spin Kit — это коллекция анимаций загрузки на CSS, созданная Тобиасом Ахлином.
На сайте есть простые и настраиваемые анимации, которые можно легко интегрировать в веб-проекты.
Flexplorer
Flexplorer — это онлайн-инструмент веб-разработчика Беннета Фили, который помогает разработчикам изучать и экспериментировать с макетами CSS flexbox. Flexbox позволяет быстро создавать гибкие и адаптивные макеты.
Генератор сетки
CSS Grid Generator — это веб-инструмент, который помогает разработчикам создавать сложные макеты сетки с помощью CSS Grid. Это мощный способ создания гибких и адаптивных дизайнов веб-страниц.
Генератор макетов
CSS Layout Generator — это веб-инструмент, который позволяет разработчикам создавать стили макетов CSS и экспериментировать с ними. Он предоставляет визуальный интерфейс для разработки и настройки компонентов макета.
Shadows Brumm
Shadows Brumm — это веб-инструмент для создания CSS-эффектов теней. У сайта простой интерфейс, который позволяет создавать сложные и красивые тени, используя множество параметров и опций.
Глассморфизм
Glassmorphism — это направление в дизайне, в котором используются прозрачные и размытые «стеклянные» фоны.
Cubic-Bezier
Cubic-Bezier — это веб-инструмент, который позволяет пользователям создавать собственные кривые для плавных анимаций и переходов.
Заключение
Инструменты CSS нужны разработчикам, которые хотят создавать визуально привлекательные и отзывчивые веб-сайты. Правильный набор инструментов сильно повышает производительность разработчиков и экономит время.
Не забывайте экспериментировать и находить решения, которые подходят для ваших проектов: правильные инструменты CSS помогут вам выйти на новый уровень.
Реклама на Tproger: найдем для вас разработчиков нужного стека и уровня.
Реклама на tproger.ru
Загрузка
65+ Потрясающих фоновых паттернов CSS (Бесплатный код + демо)
1. Зеленый фоновый паттерн CSS
Автор: CodeMeNatalie (CodeMeNatalie)
Ссылки: Исходный код / Демо
Дата создания: 28 сентября 2019 г.
Сделано с помощью: Slim, SCSS
Препроцессор CSS: SCSS
Препроцессор JS: Нет
Препроцессор HTML: Slim
Теги: cpc-стрелки, codepenchallenge, pattern, pure-css, forest
2. Синие квадраты
Просто простая страница с градиентным фоном из синих квадратов и небольшим заполнением страницы.
Автор: Майкл ван ден Берг (MichaelVanDenBerg)
Ссылки: Исходный код / Демо
Создано: 8 сентября 2019 г. 9000 7
Сделано с: HTML, SCSS
Теги: синий, градиент, фон, квадраты
3. Шаблоны сетки, гибкости и фона
Шаблоны сетки, гибкости и фона
Автор: Liam (liamj)
Ссылки: Исходный код / Демо 90 007
Создано: 7 сентября 2017 г.
Сделано с: HTML, SCSS, JS
Метки: grid, flex, градиент, узор, скандинавский
4. Открытки с простым полосатым фоном
Автор: Ana Tudor (thebabydino)
Ссылки: Исходный код / Демо
Создано: 10 февраля 2020 г.
Сделано с: HTML, SCSS
Теги: 9 0006 градиент
5. Фоновая текстура CSS
Автор: Мириам (karaWhiteDragon)
Ссылки: Исходный код / Демо
Создано: 11 февраля , 2020
Сделано с: HTML, CSS
Теги: cpc-texture, codepenchallenge
6.
Flanel LinesАвтор: Travis (tvalerius)
Ссылки: Исходный код / Демо
Created on : 3 февраля 2020 г.
Сделано с: HTML, CSS
Теги: cpc-lines, codepenchallenge
7. Чистый полутоновый шаблон CSS (1 элемент)
90 005 Автор: Ana Tudor (thebabydino)
Ссылки: Исходный код / Демо
Дата создания: 8 февраля 2020 г.
Сделано с помощью: HTML, SCSS
8. CSS Single Div Geometric Pattern
Радужный геометрический повторяющийся фон для вашего любимого элемента HTML.
Автор: Линн Фишер (lynnandtonic)
Ссылки: Исходный код / Демо
Дата создания: 11 октября 2019 г.
900 04 Состав: СтилусТеги: css, фон, повторяющийся, узор, радуга
9.
Радужный фон CSSАвтор: Bennett Feely (bennettfeely)
Ссылки: Исходный код / Демо
90 004 Дата создания: 30 января 2020 г.Сделано с помощью: SCSS
Препроцессор CSS: SCSS
Препроцессор JS: Нет
Препроцессор HTML: Slim
10. Фоновый узор
Автор: eZ UI Design (eZ_UI)
Ссылки: Исходный код / Демо
Дата создания: 24 сентября 2019 г.
9000 5 Сделано с помощью: HTML, SCSS
Теги: cpc-b-w-a, codepenchallenge, pattern.background
11. 1 Фоновые шаблоны карточек элементов (см. Описание)
Чистый CSS, простой и компактный метод, без SVG, без других изображений чем градиенты CSS. Использует технику компоновки маски, которую я так подробно описал в этой статье CSS-Tricks. Некоторые из этих фоновых шаблонов работают только в браузерах, изначально поддерживающих конические градиенты.
Автор: Ana Tudor (thebabydino)
Ссылки: Исходный код / Демо
Создано: 11 октября 2019 г.
Сделано с: Pug, SCSS, Babel
Препроцессор CSS: SCSS
Препроцессор JS: Babel
Препроцессор HTML: Pug
Теги: маска, css-переменные, cpc-оранжево-синий, calc
12. 1 Шаблоны карт элементов (только Chrome)
Полная функциональность, только если conic-gradient() имеет встроенную поддержку (поэтому только Chrome). Посвящается памяти человека, который ушел из жизни в январе этого года.
Автор: Ana Tudor (thebabydino)
Ссылки: Исходный код / Демо
Создано: 31 января 2019 г.
9000 4 Сделано с: HTML, SCSSТеги: cpc-purple, маска, градиент, конический градиент
13. Dots Challenge
Автор: Карлита Сентено (carlita712)
Ссылки: Исходный код / Демо
Создано: 19 августа 2019 г.
900 05 Сделано с помощью: HTML, SCSS
Теги: cpc-100-dots, codepenchallenge
14. (SVG+CSS) Squiggly Pattern
Аккуратный волнообразный узор с SVG и CSS. Справедливое предупреждение: это вообще не оптимизировано. Я не рекомендую запускать что-то подобное в производство.
Автор: Крис Джонсон (jhnsnc)
Ссылки: Исходный код / Демо
Создано: 15 декабря 2016 г.
Сделано с: Pug, SCSS
Препроцессор CSS: SCSS
Препроцессор JS: Нет
Препроцессор HTML: Pug
Метки: svg, css, анимация, шаблон
15.
Многие шаблоны CSSАвтор: Sandra Davis (lunamatic)
Ссылки: Исходный код / Демо
Создано: 13 июля 2018 г.
Сделано с: HTML, CSS
90 002 16. Фоны CSSИгра с градиентами, в основном
Автор: joshuar (joshuar)
Ссылки: Исходный код / Демо
Дата создания: 29 мая 2016 г.
Сделано с помощью: Pug, SCSS, JS
Препроцессор CSS: SCSS
Препроцессор JS: Нет
Препроцессор HTML: Pug
Теги: css-background, backgrounds, css-art
17. Шаблон решетки CSS
Автор: ampersand_xyz (ampersand_xyz)
Ссылки: Исходный код / Демо
9 0005 Дата создания: 8 июля 2016 г.
Сделано с: Мопс, Сасс
Препроцессор CSS: Sass
Препроцессор JS: Нет
Препроцессор HTML: Pug
18.
Шаблон CSS: Basket Weave900 05 Автор: Mark Deutsch (doytch)
Ссылки: Исходный код / Демо
Создано: 28 марта 2016 г.
Сделано с помощью: Меньше
19. Выкройка платка
Автор: Кэти ДеКора (katydecorah)
Ссылки: Исходный код / Демо
Дата создания: 2 августа 2015 г.
Сделано с помощью: Haml, SCSS
Предварительная обработка CSS или: SCSS
Препроцессор JS: Нет
Препроцессор HTML: Haml
Теги: retrotileweekend
20. CSS Pattern Play
Современные кубики!
Автор: Правин Апулия (правеенпулия)
Ссылки: Исходный код / Демо
Создано: 18 октября 2015 г.
Сделано с помощью: CSS
Метки: градиент, узор, фон
21. Neon Hexagons Pattern
Дизайн в основном скопирован с холстовой ручки Neon Hexagons от Mihailescu Marian Valentin (@mariandev). Я использовал шаблоны и фильтры SVG, а также анимацию CSS, чтобы создать аналогичный эффект, а затем начал стилистическую настройку. Если фильтры душит ваш компьютер, просто выключите…
Подробнее
Автор: Амелия Беллами-Ройдс (AmeliaBR)
Ссылки: Исходный код / Демо
Дата создания: июля 25, 2015
Сделано с: HTML, CSS
Теги: neonhexagonsweekend, svg, шаблон, фильтр, анимация
22. Шаблон CSS3
Автор: Джино Фариас (ginirsss)
Ссылки: Исходный код/демонстрация
Дата создания: 2 октября 2014 г.
Сделано с помощью: Haml, Less
Препроцессор CSS: Less
Препроцессор JS: Нет
Препроцессор HTML: Haml
Теги: узор, фон, seudoclass, css3
23. Дерьмовое воссоздание обложки книги *The Flame Alphabet*
9000 4 См. книгу здесь.
Автор: Крис Койер (chriscoyier)
Ссылки: Исходный код / Демо
Дата создания: 28 февраля 2013 г. процессор: SCSS
Препроцессор JS: Нет
Препроцессор HTML: Haml
Теги: книжная обложка, пламя, узор
2 4. Simple Pattern With CSS3
градиенты, формы, rgba… вдохновленный работой Криса Спунера http://blog.spoongraphics.co.uk/tutorials/how-to-create-an-easy-abstract-blur-pattern-design
Автор: Jorge Epuñan (juanbrujo)
Ссылки: Исходный код / Демо, Blog. spoongraphics.co.uk
Создано: 13 января, 2 014
Сделано с: Haml, Меньше
Препроцессор CSS: Меньше
Препроцессор JS: Нет
Препроцессор HTML или: Haml
Теги: css3, rgba, haml
25. CSS Fruit Background — Pineapple
Эта идея пришла мне в голову в этом году. Мне очень нравится галерея паттернов CSS3 от Lea Verou, поэтому я решил создать свою собственную фоновую галерею CSS3, чтобы практиковать свои навыки в CSS, и нет лучшей темы, чем фрукты для паттернов :D. Надеюсь, codepen понравится этот фон.
Автор: Анджела Веласкес (AngelaVelasquez)
Ссылки: Исходный код/Демо
Создано: 8 декабря 2016
Изготовлено из: SCSS
Теги: css, css3, фон
26. CSS Точечный узор/сетка Фон
Простая техника для создания точечного узора или точечной сетки фона. Поддержка: все современные браузеры и IE9+. 016
Сделано с: HTML, SCSS
Теги: css, узор, фон, точка, сетка
27. Шаблон градиента CSS3
Автор: foxeisen (fox_hover)
Ссылки: Исходный код / Демо
Создано: 6 сентября, 2016
Сделано с: CSS
Теги: css, css3, css-gradient
28. Подводный шаблон Css
Автор: Laura Sage (ThePixelPixie)
Ссылки: Исходный код / Демо
Дата создания: 12 августа 2016 г.
Сделано с помощью: HTML, CSS
29. Фоновые узоры CSS — блоки
Автор: Praveen Puglia (praveenpuglia)
9 0005 Ссылки: Исходный код / демо
Создано: 23 мая 2016 г.
Сделано с: HTML, CSS
30.
6 Stop Shirt Pattern900 04 Идея из этого твита — минимальное количество остановок, необходимое для воссоздания выкройки рубашки. Веселый полет. @svgeesus и я обсуждали, какое минимальное количество остановок необходимо, чтобы сделать выкройку рубашки этого парня с градиентами CSSАвтор: Ana Tudor (thebabydino)
Ссылки: Исходный код / Демо
Создано: 8 мая 2016 г.
Сделано с: SCSS
Теги: градиент, линейный градиент, sass
31. Простой шаблон
Шаблон для шапки
Автор: 9000 6 Gabriel R (byrass)
Ссылки: Исходный код / Демо
Создано: 15 октября 2015 г.
Сделано с: CSS
Теги: узор
32. Серебряная чешуя
Автор: yoksel (yoksel )
Ссылки: Исходный код / Демо
Создано: 13 февраля 2014 г.
Сделано с: SCSS
Метки: 90 006 css, градиенты, масштаб
33. Круги
Автор: yoksel (йоксель)
Ссылки: Исходный код / Демо
Создано: 7 февраля 2014 г.
Сделано с помощью: CSS
Теги: градиенты, css, круги 900 07
34. Waves
Автор: yoksel (yoksel)
Ссылки: Исходный код/Демо
Создано: 7 февраля 2014
Сделано с: HTML, SCSS
Теги: CSS, волны, градиенты
35. Дропс
Автор: yoksel (yoksel)
Ссылки: Исходный код/демо
Создано: 7 февраля 2014
9 0004 Сделано с: HTML, SCSSМетки: css, капли, градиенты
36. Сердечки
Автор: yoksel (yoksel)
Ссылки: Исходный код / Демо
Создано: 7 февраля 2014 г.
Сделано с: HTML, SCSS
Метки: css, сердечки, градиенты
37. Круги и точки
Автор: yoksel (yoksel)
Ссылки : Исходный код / Демо
Создано: 7 февраля 2014 г.
Сделано с: HTML, SCSS
Теги: css, градиенты, точки, круги 900 07
38. Уголки
Автор: yoksel (йоксель)
Ссылки: Исходный код / демо
Создано: 7 февраля 2014 г.
Сделано с: HTML, SCSS
Теги: css, градиенты, квадраты
90 002 39. КвадратыАвтор: yoksel (yoksel)
Ссылки: Исходный код / Демо
Создано: 7 февраля 2014
9000 4 Сделано с: HTML, SCSSТеги: css, градиенты, квадраты
40.
УголкиАвтор: yoksel (yoksel)
Ссылки: Исходный код / Демо
Создано: 6 февраля 2014 г.
9 0004 Сделано с: HTML, SCSSТеги: css, градиенты, углы
41. Узор Аргайл
попытка создать узор Аргайл с использованием CSS нескольких фонов (линейных градиентов). моя математика на высоте [‘-____-]
Автор: carpe numidium (карпенумидий)
Ссылки: Исходный код / Демо
Создано: 1 октября 2015 г.
Сделано с помощью: CSS , JS 9000 7
Теги: css-паттерн, узор, фоновое изображение, градиенты
42. Jason Quote Bg Pattern
Фоновый узор для виджета Quote. На основе фрагментов Леа Веру.
Автор: Джордж Олару (babbardel)
Ссылки: Исходный код / Демо
Создано: 20 августа 2015 г.
Сделано с помощью: SCSS
Теги: css3, шаблон, кубики, 3d
43. Подводный шаблон Css
Автор: Laura Sage (ThePixelPixie)
Ссылки: Исходный код / Демо
Создано: 12 августа 201 6
Сделано с: HTML, CSS
44. Шаблон CSS с режимом наложения CSS
Миксин паттерна Sass с CSS background-blend-mode
Автор: marinda (marinda-s)
Ссылки: Исходный код / Демо
9000 5 Создано: 23 июня 2014 г.
Сделано с: SCSS
Теги: css-pattern, css background-blend-mode, sass
45. Полосатый фон
Автор: yoksel (yoksel)
Ссылки: Исходный код / Демо
Создано: 6 февраля 2014 г.
Сделано с: HTML, CSS
Теги: css, градиенты, полосы
46.
Frosty Spiral sНе могу поверить, что мы можем добиться этого с помощью градиентов! Чистый CSS.
Автор: yoksel (yoksel)
Ссылки: Исходный код / Демо
Дата создания: 11 февраля 2014 г.
Изготовлено из: SCSS
Теги: css, спирали, градиенты, узоры
47. Css узор
Только css. Слишком сложно для использования в реальном коде 🙂
Автор: yoksel (yoksel)
Ссылки: Исходный код / Демо
Создано: 10 февраля 2014 г.
Сделано с: SCSS
Теги: css, градиенты, узоры
48. Скатерть
Автор: yoksel (yoksel)
Ссылки: Исходный код / Демо
Создано: 6 февраля 2014 г.
Сделано с: HTML, SCSS
9 0004 Теги: css, градиенты, квадраты, линии49.
АлмазыАвтор: yoksel (yoksel)
Ссылки: Исходный код / Демо
900 04 Дата создания: 6 февраля 2014 г.Сделано с помощью: HTML, SCSS
Метки: css, углы, градиенты
50. Диагональные полосы
Автор: yoksel (yoksel)
Ссылки: Исходный код / Демо
Создано: 6 февраля 2014 г.
Сделано с: HTML, SCSS
Теги: css, градиенты, линии
51. Множественные градиенты для причудливых узоров 9 0003
Автор: Марк Ли (leemark)
Ссылки: Исходный код / Демо
Создано: 29 ноября 2013 г.
Сделано с: HTML, CSS
Теги: css, градиент, фон, узор
52. Blueprint Pattern ( CSS3)
Чистый шаблон CSS blueprint с использованием линейных градиентов CSS3
Автор: Dean (tennowman)
Ссылки: Исходный код / Демо
Создано: 23 ноября 2013 г.
Сделано с: CSS
Теги: css3, узор, градиент, pure-css
53. Фоновый узор
Автор: yuanchuan (юаньчуань)
Ссылки: Исходный код/демонстрация
Дата создания: 31 января 2017 г.
Сделано с помощью: HTML, CSS, JS
54. Фоновый узор с бесконечной автопрокруткой
Автор: Нильс Ридеманн (riedemann)
Ссылки: Исходный код / Демо
Дата создания: 8 февраля 2017 г.
Сделано с помощью: HTML, SCSS
55. Фоновые узоры
Автор: Pei (fantaghiro)
Ссылки: Исходный код / Демо
Создано: 19 июня 2014 г.
Сделано с: HTML, CSS
Теги: 900 06 css, background, pattern
56. Background Pattern Animation
Автор: ichimonzi (ichimonzi)
Ссылки: Исходный код / Демо
Создано: 7 августа 2018 г.
Сделано с помощью: Pug, Stylus
Предварительная обработка CSS или: Stylus
Препроцессор JS: None
Препроцессор HTML: Pug
57. CSS Background Pattern
Пытался сделать это http://imgur. com/etTzJp8 и эффектно провалился.
Автор: carpe numidium (карпенумидий)
Ссылки: Исходный код / Демо
Создано: 25 сентября 2015 г.
Сделано с: SCSS
Метки: 900 06 css-gradients
58. Секреты CSS — Сложные узоры фона
Секреты CSS — Сложные узоры фона
Автор: Виджая Кумар Вулчи (vulchivijay)
90 005 Ссылки: Исходный код / Демо
Дата создания: 11 апреля 2016 г.
Сделано с: HTML, CSS
Теги: css секреты — сложные фоновые узоры
59.
Фоновый узор SVGАвтор: Dove Romero (doveromero)
Ссылки: Исходный код / Демо
Создано: 2 ноября 2016 г.
Сделано с: HTML, SCSS, JS
60. Шаблоны CSS 9 0003
Автор: Wally (CWEI)
Ссылки: Исходный код / Демо
Дата создания: 11 августа 2016 г.
Сделано с помощью: HTML, SCSS
61. Шаблоны CSS
Автор: 900 06 Fabien (InnerGraffiks)
Ссылки: Исходный код / Демо
Создано: 7 июля 2016 г.
Сделано с: HTML, CSS
62. Шаблон CSS
Автор: Юстина Ж (justynaj)
Ссылки: Исходный код / демонстрация
Создан: 9 февраля 2017 г.
Сделано с: CSS
20+ CSS Фоны.
Пример. См. перо Сетка, Flex и фоновые узоры от Лиама (@liamj) на КодПене.
Название:- Сетка, Flex и фоновые узоры
Автор:- Лиам
Сделано с:- HTML CSSЗагрузить сейчас
См. перо Фоновые узоры от yuanchuan (@yuanchuan) на КодПене.
Название:- Фоновые узоры
Автор:- yuanchuan
Сделано с:- HTML CSS JAVASCRIPTЗагрузить сейчас
См. перо 1 шаблон фона карты элемента (см. описание) Аны Тюдор (@thebabydino) на КодПене.
Название:- 1-элементный фон карты (см. описание)
Автор:- Ана Тюдор
Сделано с:- HTML CSS JAVASCRIPTЗагрузить сейчас
См. перо Библиотека фоновых шаблонов CSS от Avaz Bokiev (@samarkandiy) на КодПене.
Название:- Библиотека фоновых шаблонов CSS
Автор:- Аваз Бокиев
Сделано с:- HTML CSSЗагрузить сейчас
См. перо фоновые узоры от yuanchuan (@yuanchuan) на КодПене.
Название:-фоновые узоры
Автор:- yuanchuan
Сделано с:- HTML CSSЗагрузить сейчас
РекламыСм. перо Фоновые шаблоны CSS — коробки от Praveen Puglia (@praveenpuglia) на КодПене.
Заголовок: Фоновые шаблоны CSS – Блоки
Автор:- Praveen Puglia
Сделано с:- HTML CSSЗагрузить сейчас
См. перо фоновые узоры от Pei (@fantaghiro) на КодПене.
Рекламные объявления Заголовок:- фоновые узоры
Автор:- Pei
Сделано с:- HTML CSSЗагрузить сейчас
См. перо панели conic-gradient()! Ана Тюдор (@thebabydino) на КодПене.
ОбъявленияНазвание:- панели conic-gradient()!
Автор:- Ана Тюдор
Сделано с:- HTML CSSЗагрузить сейчас
См. перо Игра с фоновыми узорами Аны Тюдор (@thebabydino) на КодПене.
Название: Игра с фоновыми узорами
Автор: Ана Тюдор
Сделано с помощью: HTML CSSЗагрузить сейчас
См. перо Генеративные шаблоны CSS (нажмите, чтобы открыть новый шаблон) Скотта Уивера (@sweaver2112) на КодПене. Заголовок: Генеративные шаблоны CSS (нажмите, чтобы открыть новый шаблон)
Автор: Скотт Уивер
Сделано с:- HTML CSS JAVASCRIPTЗагрузить сейчас
См. перо Фоновые узоры в css с использованием pattern.css от Bansal (@bansal-io) на КодПене.
Название: Фоновые узоры в css с использованием pattern.css
Автор: Bansal
Сделано с помощью: HTML CSSЗагрузить сейчас
См. перо Фоновые узоры от Brook Yang (@yangg) на КодПене. Название: Фоновые узоры
Автор: Брук Ян
Сделано с помощью: HTML CSSЗагрузить сейчас
См. перо Учебник по SVG от Hunor Marton Borbely (@HunorMarton) на КодПене.
Название:- SVG tutorial
Автор:- Hunor Marton Borbely
Сделано с помощью:- HTML CSS JAVASCRIPTЗагрузить сейчас
См. перо генеративные фоновые узоры Джаррода Паркера (@adkatrit) на КодПене. Название:- генеративные фоновые узоры
Автор:- Джаррод Паркер
Сделано с:- HTML CSS JAVASCRIPTЗагрузить сейчас
См. перо Фоновые шаблоны CSS от Бретта Питерса (@bap13) на КодПене.
Название: CSS Background Patterns
Автор: Brett Peters
Сделано с помощью: HTML CSSЗагрузить сейчас
См.
перо Случайно сгенерированные фоновые узоры игральных карт от Braydon Coyer (@braydoncoyer) на КодПене. Название: — Случайно сгенерированные фоновые узоры игральных карт
Автор: — Брейдон Койер
Сделано с помощью: — HTML CSS JAVASCRIPTЗагрузить сейчас
См. перо Сетка, Flex и фоновые узоры от Sanghwa (@koSanghwa) на КодПене.
Название:- Сетка, Flex и фоновые узоры
Автор:- Sanghwa
Сделано с:- HTML CSS JAVASCRIPTЗагрузить сейчас
См. перо The Ultimate Card Trick от Криса Шелтона (@cshelton24) на КодПене. Название: The Ultimate Card Trick
Автор: Крис Шелтон
Сделано с помощью: HTML CSS JAVASCRIPTЗагрузить сейчас
См. перо Библиотека фоновых шаблонов на чистом CSS от Michal Porag (@michalporag) на КодПене.
Название: The Ultimate Card Trick
Автор: Крис Шелтон
Сделано с помощью: HTML CSS JAVASCRIPTЗагрузить сейчас
См. перо Простые шаблоны градиента CSS от Ana Tudor (@thebabydino) на КодПене. Название:- Простые шаблоны градиента CSS
Автор:- Ана Тюдор
Сделано с:- HTML CSSЗагрузить сейчас
См. перо Фланелевые линии Трэвиса (@tvalerius) на КодПене.
Название:- Flanel Lines
Автор:- Travis
Сделано с:- HTML CSSЗагрузить сейчас
См.
перо Шаблоны CSS #the100dayproject от Сандры Дэвис (@lunamatic) на КодПене. Title:- #the100dayproject Шаблоны CSS Автор: Сандра Дэвис Сделано с:- HTML CSSСкачать
См. перо Простой узор конического градиента 0 от Аны Тюдор (@thebabydino) на КодПене.
Заголовок:- Простой конически-градиентный узор 0
Автор:- Ана Тюдор
Сделано с:- HTML CSSЗагрузить сейчас
Похожие сообщения
ПРИМЕР CSS | ПРИМЕР HTML
CSS TEXT HOVER EFFECTS
Bygscode
STAY POSITIVE: TEXT EFFECT AUTHOR Adam Kuhn 31 января 2019 г. Сделано с HTML / CSS (SCSS) DEMO CHECK OUT DEMO Links СКАЧАТЬ DECONSTRUCTED AUTHOR Ben Szabo 19 ноября 2018 г.