首页 > 网站建设 >

网站建设有哪些常用2D渲染的属性

发布时间:2019-10-17 作者:网站建设

  绝大多数的CSS属性都属于2D渲染。由于在CSS3中加入大量的有用的2D渲染的属性,以前需要使用图片才能实现的效果现在通过CSS的设置也可以实现。下面网站建设公司主要说明比较常用的属性以及使用注意点。
1.border-radius圆角类型。
  这是一个非常常用的CSS类型,几乎在所有的项目多多少少都会用到,过去实现圆角是一件很费劲的事情,如今CSS3带来的属性可以很好地解决圆角问题。不过在实际使用圆角的时候需要注意,在ios上面实现得比较完美。在Android上,很多机型对于圆角的渲染处理并没有达到一个理想的状态,特别是处理圆角和直线的连接,在圆角的半径设置比较小(1~3像素)的时候不是很明显。不过当超过4像素的时候,在部分机型上就会出现明显的圆角的边缘和直接差半个像素的问题。半径超大(大于10px)的时候,圆角会有非常明显的锯齿。因此对于大半径的圆角,不推荐使用border-radius,建议使用border-image来实现。
2.box-shadow盒模型阴影
  此属性使用一般不会有太大问题,至今还没有发现非常大的问题,可以比较放心地使用。不过有些Android低端低版本机不支持box-shadow,这个需要注意一下。不过问题不大,因为大部分盒阴影不会特别明显,用户一般不会特别注意。
3.text-shadow文字阴影
  在手机Web上基本都支持文字阴影,可以使用。不过有一点需要注意,在Android2.3以及之前的版本,在blurradious为0的时候,文字阴影会失效。
4.linear-gradient线性渐变
  线性渐变本身不是CSS的属性,而是属性下面的数值,一般用在background的属性里比较多,使用线性渐变需要注意,有很多种线性渐变的表达方式,对于不同的手机、版本也会有所不同。
5.border-image边框图像
  在日常的使用中,border-image是一个相当实用的属性,主要用途是进行图片的拉伸,具体的使用方法可以在网上自行搜索一下。估计里面会有这样一个问题,就是一个图片被拉伸到一定宽度之后四个角的图片那里会有变形。这个是在部分Android机上发现的。此类机型不是很多,不过还是需要注意。深圳网站建设公司本文关于“网站建设有哪些常用2D渲染的属性”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。
 
文章标题:网站建设有哪些常用2D渲染的属性
本文地址:https://www.198bona.com/news/4305.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯