前缀和背景渐变"/>
浏览器前缀和背景渐变
1、浏览器前缀
| 浏览器前缀 | 浏览器 |
|---|---|
| -webkit- | Google chrome，Safari，android browser |
| -moz- | firefox |
| -o- | Opera |
| -ms- | Internet Explorer,Edge |
| -khtml- | konqueror |
2、背景渐变
语法格式：
background：-webkit-linear-gradient（渐变的起始位置， 起始颜色， 结束颜色）；
background：-webkit-linear-gradient（渐变的起始位置， 颜色 位置， 颜色 位置…）
兼容性问题严重
示例：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>.div1{width: 600px;height: 200px;margin: 100px auto;background: -webkit-linear-gradient(left,red,pink);}.div2{width: 600px;height: 200px;margin: 0 auto;background: -webkit-linear-gradient(left,darkred 0%, red 25%, indianred 50%,orangered 75%,deeppink 100%);}</style>
</head>
<body><div class="div1"></div><div class="div2"></div>
</body>
</html>
更多推荐
浏览器前缀和背景渐变
发布评论