带有css设计的jquery选项卡
带有css设计的jquery选项卡
提问于 2015-02-15 22:38:35
这是我想要达到的目标：
我的deisgner给了我上边的线阴影，下边的线阴影和“曲线”。我不知道如何实现它们才能得到想要的结果。
谢谢
编辑:因为我不能在回复中添加图片，所以我正在编辑我的问题。我不认为边界半径和阴影能把我带到那里。我已经走到这一步了。
还有什么想法吗？
编辑:这是CSS：
height: 57px;
border: medium none;
top: 14px;
margin: 0px;
border-top-right-radius: 50px;
border-top-left-radius: 2px;注意，我没有得到两个选项卡之间的完整“幻灯片”。
回答 1
Stack Overflow用户
发布于 2015-02-15 22:43:32
使用CSS实现曲线和阴影。
曲线的
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 12px;
/* Firefox 1-3.6 */
-moz-border-radius: 12px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 12px; 用于卷影的
-moz-box-shadow: 3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;
box-shadow: 3px 3px 5px 6px #ccc;参数分别表示:
阴影的水平偏移，正数表示阴影将位于长方体的右侧，负数偏移量将阴影放在长方体的左侧。
阴影的垂直偏移量，负数表示长方体阴影位于长方体上方，正数表示阴影位于长方体下方。
模糊半径(可选)，如果设置为0，阴影将是清晰的，数字越大，阴影将越模糊。
扩散半径(可选)，正值会增加阴影的大小，负值会减小大小。默认值为0(阴影与模糊的大小相同)。
颜色
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28527169
复制相关文章
相似问题
腾讯云开发者
