Searching for `-moz-image-rect` in webkit?

When working with -moz-image-rect and the background, I can use one image to change them:

 kings{ background: -moz-image-rect(url('ring.jpg'), 3, 30, 30, 3) repeat-y; } lords{ background:-moz-image-rect(url('ring.jpg'), 7, 70, 70, 7) repeat-x; } men{ background:-moz-image-rect(url('ring.jpg'), 9, 99, 90, 9) no-repeat; } 

So this ring.jpg attached to all div backgrounds.

This works very well in Firefox, but such a feature does not exist for web browsers. Is there a cross browser option? Or at least something that works on webkit?

I am trying to limit the displayed area of ​​the image while maintaining the background.

+4
source share

Source: https://habr.com/ru/post/1495379/


All Articles