Шарки на точки и кръгове: SVG, CSS

За Шарки на точки и кръгове

Точките са приветливи, лесно се четат отгоре им и трудно може да се сгреши с тях. Тук ще намерите класически полка точки, големи и малки точки, пръстени, концентрични кръгове, мишени, растери, полукръгове и четвъртинки от кръг, мрежи от листенца, пресичащи се кръгове и мехурчета.

Растерните дизайни придават вид на печат и комикс, а малка точка в цвят, близък до фона, създава фина текстура за уебсайт. Използвайте плъзгачите за интервал, за да разредите мрежата, и плъзгача за мащаб, за да зададете размера на точките.

Често задавани въпроси

Изберете дизайн с точки, изберете два цвята и копирайте CSS. Това е малко повтарящо се изображение със зададен background-size, така че можете да го приложите към всеки елемент без допълнителни файлове.

Растерът изгражда тонове от точки с различен размер, както в печатните вестници и комиксите. Изберете тук растерен дизайн, за да получите този печатен вид във всякакви цветове.

Да. Плъзгачът за мащаб променя размера на целия дизайн, а плъзгачите за интервал добавят място между точките.

Популярни търсения

шарка на точки шарка от точки svg растерна шарка фон с кръгове полка точки css безшевен фон на точки шарка с концентрични кръгове точков фон

Нуждаете се от помощ?

Открихте проблем с този инструмент? Кажете ни.

Докладване на проблем

Добавете този безплатен инструмент към собствения си уебсайт: копирайте и поставете кода по-долу.

<iframe src="https://tweakee.com/bg/tools/color/polka-dot-patterns?embed=1" width="100%" height="720" style="border:1px solid #e2e8f0;border-radius:12px;max-width:680px;" loading="lazy"></iframe>

Шарки на точки и кръгове

1Изберете шарка

2Изберете цветовете

3Настройте шарката

4Добавете анимация (по желание)

5Копиране или изтегляне

Вашето заглавие тук

Готови образци за начало

Преглед по колекции

За Шарки на точки и кръгове

Често задавани въпроси

Популярни търсения

Шарки на точки и кръгове

1Изберете шарка

2Изберете цветовете

3Настройте шарката

4Добавете анимация (по желание)

5Копиране или изтегляне

Вашето заглавие тук

Готови образци за начало

Преглед по колекции

За Шарки на точки и кръгове

Често задавани въпроси

Как да направя фон на точки в CSS?

Какво е растерна шарка (halftone)?

Мога ли да направя точките по-малки или по-раздалечени?

Свързани инструменти

Популярни търсения

Вградете този инструмент