牛骨文教育服务平台(让学习变的简单)
博文笔记

css修改图片对比度,饱和度,灰度

创建时间:2018-04-02 投稿人: 浏览次数:166

var saturate = 100, contrast = 100, grayscale = 0, max = 100, grad = 1 ;

//saturate:饱和度(默认值100,越大越饱和),contrast:对比度(默认值100,越大越对比),grayscale:灰度(默认0,越大灰色程度比较深)
function setImginfo(imgid) {
        $("#" + imgid).css({
            "-webkit-filter": "grayscale(" + grayscale + "%) contrast(" + contrast + "%) saturate(" + saturate + "%)",
            "-moz-filter": "grayscale(" + grayscale + "%) contrast(" + contrast + "%) saturate(" + saturate + "%)",
            "-ms-filter": "grayscale(" + grayscale + "%) contrast(" + contrast + "%) saturate(" + saturate + "%)",
            "filter": "grayscale(" + grayscale + "%) contrast(" + contrast + "%) saturate(" + saturate + "%)"
        });
    }

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。