首页 > 代码库 > css特殊效果
css特殊效果
border-radius实现特殊形状
.box{ width: 100px; height: 100px; background: orange; border: 1px solid #000; border-radius: 20% 80% 30% 70%/80% 70% 30% 20%; }
border-radius属性值分为了四组,顺时针表示圆角半径大小
阴影特殊效果实现
.box{ width: 100px; height: 100px; background: green; box-shadow: 0 0 0 2px blue,inset 0 0 20px #000,110px 0 0 2px blue; }
css 渐变效果设置
.box{ width: 100px; height: 100px; border: 10px solid red; border-radius: 50%; background: linear-gradient( to right bottom, transparent 46%, red 46%, red 54%, transparent 54% ) }
css特殊效果
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。