CODEWITHSUNDEEP
htmlcss
Preetham Reddy
Preetham Reddy

Reputation: 611

Create CSS3 for background image

I was wondering if there is an easy way to recreate the attached image using CSS3.

I've included this image as a page background but one of the senior devs told me there is an easy way to create this image background using CSS3.

I thought the background images can be done using CSS3 for repeatable patterns. But this image doesn't have any patterns that I could see.

Is that possible for this image?Background Image

Upvotes: 1

Views: 449

Answers (1)

lloan
lloan

Reputation: 1403

I think this is interesting as experiment, but its not pragmatic.

You can convert an image to css here. PNGs work best.

Warning though, you will get tons of lines of HTML + CSS to create this image. It will come out pixel perfect though. I will also warn you that I tried uploading it to Jsfiddle, Jsbin and Codepen - all of them would just hang. Pen loaded and I couldn't save it since it's larger than 1MB.

This is what my text editor looks like with your image converted to CSS though.

This is just for reference. Yes, you can convert to CSS, but it doesn't mean that you should. I suppose it might be useful for things like email? But not for large images.

Cheers!

Upvotes: 2

Related Questions