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

来源:1-7 曲线阴影

划水苍苍

2015-01-31 21:51

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

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

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

border-radius:10px/30px;


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

54ccddbb00014be405000201.jpg

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

写回答 关注

1回答

  • 划水苍苍
    2015-01-31 22:11:15

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

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

    不知道为什么简写的不行

CSS3实现“图片阴影”效果

利用多投影重叠的原理,实现曲线阴影与翘边阴影的效果

34769 学习 · 62 问题

查看课程

相似问题