Как сделать Эффект «потертой-состаренной» бумаги с помощью HTML/CCS?

Question

[Koreetz Koreetz]

День добрый! Я не большой спец в вертске, нужно помощь!
Как сверстать фон с эффектом "потертой бумаги"?

Answer 1

[artem_music]

1. Паттерн-текстура на фон блока
   
2. Чистым CSS (градиент) + JS (состарить с помощью https://github.com/DanielRapp/Noisy)
   
3. С помощью Canvas генерировать заломы самому, но это для истинных ценителей сложных путей :)
   
4. Ну и проще всего - цельное изображение листа на фон блока.
   

Answer 2

[Артём]

Картинка на фон?

Comments

[Koreetz Koreetz]

Это возможно! но может есть другой вариант поэтому спросил)

Answer 3

[Денис Инешин]

Боюсь такой эффект только картинкой. Паттерны должны иметь какую-то понятную структуру, чтобы сделать это на CSS. Вот несколько примеров: lea.verou.me/css3patterns