我在哪里可以生成这种类型的 CSS 来制作右下边框???
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
这几乎可行,但我需要更多圆角
这是我到目前为止的代码:
.container {
width: 960px;
height: 700px;
background:#FFF;
position:absolute;
top: 0px;
left: 50%;
overflow:hidden;
margin: 70px 0px 0px -480px;
border: 0px solid #900;
border-right: 15px solid #900;
border-bottom: 15px solid #900;
-webkit-border-radius-bottom-right: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
z-index: 55;
}
.slideshow {
position:relative;
width: 960px;
height: 700px;
top: -1600px;
left: 0px;
z-index: 51;
}
在除 Chrome 之外的所有设备上都运行良好