mask-layer-1.html (460B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <meta charset="utf-8"> 4 <title>border-radius should work correctly for elements with perspective</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 perspective: 1000px; 16 } 17 18 #b { 19 position: relative; 20 background: green; 21 height: 100%; 22 width: 10000px; 23 transform: translateX(0px); 24 } 25 </style> 26 27 <div id="a"> 28 <div id="b"></div> 29 </div>