K
K
Koreetz Koreetz2015-11-17 13:44:14
css
Koreetz Koreetz, 2015-11-17 13:44:14

How to make a shabby-aged paper effect with HTML/CCS?

Good afternoon! I'm not a big expert in vertsk, I need help!
How to make a background with the effect of "shabby paper"?031eba7db396421eb3f0fcd8ce59d302.jpg

Answer the question

In order to leave comments, you need to log in

4 answer(s)
A
artem_music, 2015-11-17
@artem_music

  1. Pattern texture on the background of the block
  2. Pure CSS (gradient) + JS (aging with https://github.com/DanielRapp/Noisy)
  3. Using Canvas, generate creases yourself, but this is for true connoisseurs of complex paths :)
  4. Well, the easiest way is a solid image of the sheet on the background of the block.

A
Artyom, 2015-11-17
@SlampD

Background picture?

R
Rafael™, 2015-11-17
@maxminimus

You make a piece of texture repeating vertically and horizontally (looking for tutorials on the topic)
and shoving it into the background of the block

D
Denis Ineshin, 2015-11-17
@IonDen

I'm afraid this effect is only a picture. Patterns need to have some kind of understandable structure in order to do this in CSS. Here are some examples: lea.verou.me/css3patterns

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question