1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
<!DOCTYPE html> <html> <style> #outer { transform: scale(0.01); transform-style: preserve-3d; } #inner { transform: scale(100); } #scale { width: 200px; height: 200px; } </style> </head> <body> <div id="outer"> <div id="inner"> <img id="scale" src="repeatable-diagonal-gradient.png"> </div> </div> </body></html>