css3patterns icon indicating copy to clipboard operation
css3patterns copied to clipboard

Pattern question

Open bartosz-k opened this issue 8 years ago • 4 comments

Hi! Anyone have an idea how to create 45deg (or any degree) rotated tablecloth pattern? :)

Best, Bartek

bartosz-k avatar Jul 14 '16 22:07 bartosz-k

Can you give an example of what you want to achieve?

Pandiora avatar Jul 16 '16 21:07 Pandiora

@bartq Take the diagonal stripes pattern, use the colors from the tablecloth pattern to change the diagonal stripes to the correct colors (don't forget to set the correct transparency), and finally copy-paste this one stripe to become two stripes and tweak the rotation of the second stripe ;) Result should be something like

{ background-color: white; background-image: repeating-linear-gradient(45deg, rgba(200, 0, 0, 0.5), rgba(200, 0, 0, 0.5) 35px, transparent 35px, transparent 70px), repeating-linear-gradient(135deg, rgba(200, 0, 0, 0.5), rgba(200, 0, 0, 0.5) 35px, transparent 35px, transparent 70px); }

BillyNate avatar Jul 27 '16 22:07 BillyNate

thanks, will validate it a bit later when I'm back to this project.

bartosz-k avatar Aug 30 '16 19:08 bartosz-k

Is this what you want?

image

msr8 avatar Sep 18 '22 06:09 msr8