mask-layer-ref.html (432B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <meta charset="utf-8"> 4 <title>border-radius should work correctly for transformed elements</title> 5 6 <style> 7 8 #a { 9 position: relative; 10 width: 300px; 11 height: 300px; 12 border-radius: 10px; 13 overflow: hidden; 14 background: red; 15 } 16 17 #b { 18 position: relative; 19 background: green; 20 height: 100%; 21 width: 10000px; 22 transform: translateZ(1px); 23 } 24 </style> 25 26 <div id="a"> 27 <div id="b"></div> 28 </div>