CSS: Случайно распределенное фоновое изображение?

Question

У меня есть сайт с повторяющимся фоновым изображением.

background: url(images/back_small.png) repeat center center fixed; 

Хотелось бы больше, однако, если изображение не было повторено один экземпляр друг за другом, добавьте некоторые изменения. Конечный результат должен быть своего рода пунктиром, где изображение появляется сейчас и затем, а не мгновенно повторяется.

Я понятия не имею, если это возможно с помощью CSS, но если это так ... Я жду идеи: D

Answer 1

Я рекомендую использовать вариацию нескольких фоновых технологий, в которых вы сохраняете свое изображение с разными размерами прозрачного «пространства» вокруг него, основываясь на простых числах.

Он известен как the Cicada Principle on this site.

Простые числа вводят «случайность». Конечно, если вы не хотите, чтобы они каким-либо образом перекрывались, тогда вам нужно будет очень избирательно точно, какие размеры изображений использовать, чтобы обеспечить отсутствие прямого перекрытия на дисплее монитора нормального размера.

Answer 2

Там на самом деле не способ сделать именно то, что вы просите в чистом CSS. Однако я видел, как люди вводили «шум» в фон сайта, используя несколько изображений.

Вот пример использования multiple backgrounds with CSS.

Вот вопрос stackoverflow относительно noise in gradients.

Надеюсь, это даст вам некоторые идеи, чтобы почувствовать, чего вы хотите на своем сайте.