Best way to tackle this
# April 30, 2013 at 9:57 am
Sorry the link would help# April 30, 2013 at 11:08 am
If you look carefully at the cloth its not regular so I don’t think it could be done in CSS, sure I could make it look similar.
I’m not overly convinced by CSS gradients anyway. Sometimes the code weight can add up to more than the image. I suppose its one less HTTP request.
I’ve tried a large div with a repeating image for the cloth and that works fine with rotate. Its just whether I use rotate and a repeating image or just a large image to create the whole cloth that would at least look ok in browsers that don’t support rotate.
I was planning on making the body have the wood background.
Always interesting to see how others would do things.
I might just go for rotate and sack off IE 7 and 8.
Cheers guys# April 30, 2013 at 11:29 am
> You mean the squares being irregular in size? That looks like a mistake on the graphic designer’s part.
Doesn’t seem like a mistake, I think it’s just to make things more natural.
I would just use an image that’s already rotated and has some transparency, instead of a straight one and rotate it with CSS.# May 1, 2013 at 7:22 am
Senff you are correct, its not a mistake its so the cloth looks like a fabric. So the lines are not uniform.
Anyways I think I’ll go with what you have suggested Paulie. I’ve been experimenting a little with the transform rotate and it seems to give varying results.
Thanks for all the comments.
You must be logged in to reply to this topic.