css颜色渐变(1)-cici0208-ChinaUnix博客

个人简介

web web web

文章分类

文章存档

2017年（26）

2016年（57）

2015年（60）

2014年（77）

我的朋友

相关博文

css颜色渐变(1)

分类： Web开发

2015-05-21 08:35:52

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>渐变背景色</title>
<style type="text/css">
.normaBg{
width:50px;
height:800px;
filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#52befa,endcolorstr=#27e9c6,gradientType=0);
-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#52befa,endcolorstr=#27e9c6,gradientType=0);/*IE8*/
background:#52befa;
background:-moz-linear-gradient(top, #52befa, #27e9c6);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#52befa), to(#27e9c6));
}
.alarmBg{
width:50px;
height:400px;
filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#52befa,endcolorstr=#e74048,gradientType=0);
-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#52befa,endcolorstr=#e74048,gradientType=0);/*IE8*/
background:#52befa;
background:-moz-linear-gradient(top, #52befa, #e74048);
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#52befa), to(#e74048));
}
</style>
</head>
<body>
<div class="alarmBg"></div>
</body>
</html>

阅读(707) | 评论(0) | 转发(0) |

给主人留下些什么吧！~~

感谢所有关心和支持过ChinaUnix的朋友们