mask-layer-ref.html 432 B

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