Повторяющийся фон задаваемый символом?

300

19 декабря 2017, 16:33

Есть ли возможность средствами CSS задать фон из повторяющегося символа? (Разумеется не превращая данный символ в jpg, png, svg...)

Answer 1

Я правильно понял, что "не превращая данный символ в jpg, png, svg...", это значает без конвертирования в графический формат? Вот вам "текстовое" решение. Подойдет? Inline-svg в данном случае должен быть сконвертирован в data-URI.

body { 
  width: 100vw; 
  height: 100vh; 
  margin: 0; 
  background-color: #eee; 
  background-image: url('data:image/svg+xml, %3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2224%22%20height=%2224%22%20viewBox=%220%200%2024%2024%22%3E%3Ctext%20x=%220%22%20y=%2215%22%3EQ%3C/text%3E%3C/svg%3E'); 
}