How to make CSS3 rounded corners hide overflow in Chrome/Opera

后端 未结 13 2181
无人及你
无人及你 2020-11-22 09:10

I need round corners on a parent div to mask content from its childen. overflow: hidden works in simple situations, but breaks in webkit based browsers and Oper

13条回答
  •  借酒劲吻你
    2020-11-22 09:39

    Seems this one works:

    .wrap {
        -webkit-transform: translateZ(0);
        -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
    }
    

    http://jsfiddle.net/qWdf6/82/

提交回复
热议问题