这种凹角用css3如何实现
PHP中文网
PHP中文网 2017-04-17 11:58:02
0
5
1199

PHP中文网
PHP中文网

认证0级讲师

全部回复(5)
刘奇

雷雷

黄舟

雷雷

Peter_Zhu

假设这个p id是a

        #a {
            width: 100px;
            height: 300px;
            background: radial-gradient(circle at top left,
            transparent 8px, #e6e4b7 0) top left,
            radial-gradient(circle at top right,
                    transparent 8px, #e6e4b7 0) top right,
            radial-gradient(circle at bottom right,
                    transparent 8px, #e6e4b7 0) bottom right,
            radial-gradient(circle at bottom left,
                    transparent 8px, #e6e4b7 0) bottom left;
            background-size: 50% 50%;
            background-repeat: no-repeat;
        }

具体参数自己调一下

Ty80

边界半径?

左手右手慢动作

这个是横着的,但也比较接近了:
http://jsfiddle.net/x4wLf/

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板