CSS3多色线性渐变

Posted 2021-04-09 byeno

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS3多色线性渐变相关的知识，希望对你有一定的参考价值。

整理

1.Json处‍理动态Ke‍y的方式‍‍



‍‍2.javascript escape() 函数
3.jq获取浏览器视口高度（$(window).height()） 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>jq获取浏览器视口高度</title>
    <style>
        *{
            margin:0;
            padding:0;
        }
    </style>
</head>

<body>
<div class="tab_con" style="width: 100%;background: red;"></div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
    $(function() {
        var H = $(window).height();
        alert(H);
        $(".tab_con").height(H);
    })
</script>
</body>

</html>
4.jquery获取自定义属性(attr和prop)实例介绍
http://www.jb51.net/article/35851.htm
5.多色CSS3线性渐变
background-image: -webkit-linear-gradient(to left, rgba(24,52,126,1), rgba(32,71,176,1),rgba(24,52,126,1));
background-image: linear-gradient(to left, rgba(24,52,126,1), rgba(32,71,176,1),rgba(24,52,126,1));
采自网址：http://www.w3cplus.com/css3/new-css3-linear-gradient.html

以上是关于CSS3多色线性渐变的主要内容，如果未能解决你的问题，请参考以下文章

css使用线性渐变属性没有用是怎么回事

CSS3中线性渐变，怎么让它在div中，往两边渐变