随着主流浏览器地不断更新,CSS搭配js所形成的网页动画结果可以用CSS3的语法直接呈现,这样一来在网站设计上可以减少图片的使用,从而避免了因容量过大造成的存取困难。那么南昌网站建设中常用的CSS3语法有哪些呢?下面百恒网络小编就来为大家介绍一下:
1、RGBA设定元素颜色,可设定元素的颜色阴阳角,重要行使颜色的RGB值,以及设定元素的透明度。
例如:
background:rgba(0,0,0,0.5);
background:rgba(0,0,0,1);
background:rgba(red,green,blue,alpha);
其中alpha值 0为透明 1为不透明,0~1区间可选择透明度的强弱。
2、Border radius设定元素圆角,可设定元素圆角,预设为0。
例如:
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
3、box Shadow区块阴影,可设定区块阴影
例如:
box-shadow: 1px 2px 3px #000;
-webkit-box-shadow: 1px 2px 3px #000;
-moz-box-shadow: 1px 2px 3px #000;
4、Text Shadow笔墨阴影,可设定笔墨阴影
例如:
text-shadow: 1px 2px 3px #000;
5、Gradient Background设定背景渐层
上下渐层:GradientType=0
左右渐层:GradientType=1
渐层肇端颜色:startcolorstr=#
渐层结束颜色:endcolorstr=#
例如:
预设的背景色
background: #278092;
background:-webkit-gradient(linear, left top, left bottom, from(#00475E), to(#007276));
background: -moz-linear-gradient(top, #00475E, #007276);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00475E', endColorstr='#007276');
background: -o-linear-gradient(top, #00475E, #007276);
以上便是在南昌做网站中常见的一些css3语法,希望对大家有所帮助。CSS3的出现提高了网站的打开速度,而且它运用灵活,目前在开发者中非常受欢迎。百恒网络做网站就是使用成熟可靠的Html+Css技术,确保网站兼容各大主流的浏览器。如果您有网站建设方面的需求,欢迎大家来电咨询,百恒随时为您服务!