When all else fails: Tiling Backgrounds for Dummies (Non-Coders)

[Acorn]

I noticed today, and maybe I am slow — it's probably been around for some time — that when previewing my sample page, Ctrl + scrollwheel zooms in and out and Firefox shows the percent of zoom in the address bar, which is useful for returning to the actual size.

Gary, all my browsers have this and a Reset which I have put to 120%as my default. I zoom all the time.

Acorn

[gwpriester]

As I said, I'm slow. Comes when you are considered to be "elderly."

Did you see my attempt http://gwpriester.xara.hosting/tiling-svg-background/

[Acorn]

Did you see my attempt http://gwpriester.xara.hosting/tiling-svg-background/

Gary, I did.
Sharp at 510% with no visible joins.

On the clipping, I did mention a clip and then a second Bitmap copy.

Acorn

[Initiostar]

Thanks for sharing Acorn,

https://initiostar.co.uk/demo/svgBg/

OK 100/128 is 0.78125 - made me think! Interesting effect - the background now scales with Scale-to-it-Width, but maybe not uniformly? The effect gets a bit lost with the mobile variant, but works. I am guessing you could use @media rules to have a different scale on a mobile device?

Using background-size 15px worked OK across both variants too.

Thanks for the ideas.

Gary