Hi,are you ready?

准备好开始了吗?
那就与我们取得联系吧

有一个网站项目想和我们谈谈吗?您可以填写右边的表格,让我们了解您的项目需求,这是一个良好的开始,我们将会尽快与你取得联系。当然也欢迎您 给我们写信或是打电话,让我们听到你的声音!

Distance远近互联网络运营服务商

地 址:河北省石家庄市新华区华强广场7楼

电 话:14730427447

E-mail:815752879@qq.com

填写您的项目信息

【前端】CSS3新属性背景

发布时间:2018-07-04T11:08:28

1.CSS3背景,渐变,蒙版 

  (1)背景原点  用来决定图片的原始起始位置

          background-origin:padding-box; (默认)

          border-box | padding-box | content-box

  (2)背景切割 将背景图片做适当的裁剪,以适应需要

          background-clip :

          border-box | padding-box | content-box

  (3)背景尺寸

          background-size:200px,100px;

          1>length 长度值

          2>percentage 百分比 100% 50%

          3>cover 等比例缩放到完全覆盖容器

          4>contain 包含在容器内

  (4)背景透明

          1.background-color:rgba(134,125,222,0.5);三原色 透明度

          2.opacity:0.5; 兼容写法:filter:alpha(opacity=50);

  (5)背景渐变

          background:-webkit-linear | radial-gradient (水平起点 垂直起点 , 颜色1 ?百分比%, 颜色2 ?百分比%, ... ,颜色N 100%);

          1>线性渐变

            background:-webkit-radial-gradient(50px 50px,#fff  1%,#000 100%)

          2>径向渐变

            background:-webkit-linear-gradient(top,#000 0%,#fff 36%,#000 100%) 

    远近互联前端小华整理发布,希望能对学习技术的你有所帮助

    远近互联专业提供网站建设、APP开发、网站优化、外贸网站SEO、微信运营的品牌整合营销服务,让客户通过网络品牌建立与网络传播提高业绩。


【相关推荐】
返回列表
在线沟通

Are you interested in ?

  您感兴趣吗?

有关我们服务的更多信息,请联系

147 3042 7447 周经理

与我们合作

与远近互联合作,您将会得到更成熟的网络品牌建设服务。我们以客户至上,同时也相互挑战,力求呈现更好的网络品牌建设成果。

项目经理热线(周经理):

147 3042 7447

TOP

QQ客服

14730427447