                        课程
                    
                        /前端开发
                        
                            /CSS3
                        
                        /CSS3实现“图片阴影”效果

没理解这水平垂直圆角是怎么设置的，没效果呢。。

我这边最新的firefox,chrome，设置水平/垂直半径没效果，为什么呢

-moz-border-radius:10px/30px;

-webkit-border-radius:10px/30px;

border-radius:10px/30px;

但是这样子，确有效果：border-radius: 10px 20px 30px / 50px 60px;

没理解这水平垂直是怎么设置的

划水苍苍

2015-01-31

源自：CSS3实现“图片阴影”效果 1-7

关注问题我要回答

1165

操作

收起

1 回答

划水苍苍提问者
2015-01-31

哈，我使用了单个角设置值就可以了

border-top-left-radius: 100px 10px;
border-top-right-radius: 100px 10px;
border-bottom-right-radius: 100px 10px;
border-bottom-left-radius: 100px 10px;

不知道为什么简写的不行