css - rounded corners on html5 video -


is there way can cut off corners of html5 video element using css3 border-radius attribute?

check out this example. it's not working.

create div container rounded corners , overflow:hidden. place video in it.

<style> .video-mask{ width: 350px; -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);  -webkit-transform: rotate(0.000001deg);  -webkit-border-radius: 10px;  -moz-border-radius: 10px; border-radius: 10px;  overflow: hidden;  } </style>   <div class="video-mask"> <video></video> </div> 

Comments

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

jquery - Set jPicker field to empty value -

.htaccess - htaccess convert request to clean url and add slash at the end of the url -