js调节图片的亮度

最新推荐文章于 2021-10-19 11:58:37 发布

weixin_30822451

最新推荐文章于 2021-10-19 11:58:37 发布

阅读量1.2k

点赞数

文章标签： javascript 人工智能 java ViewUI

原文链接：http://www.cnblogs.com/super-chao/p/8488811.html

版权

js调节图片的亮度：（使用CSS3的滤镜）

1.实现点亮图标、熄灭图标的效果

效果图：

页面代码：

<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%
    String ctxPath = request.getContextPath();
    request.setAttribute("ctxpath", ctxPath);//项目根路径
%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="${ctxpath}/js/jquery-1.11.3.min.js"></script>
<%-- <link href="${ctxpath}/css/main.css" rel="stylesheet"> --%>
<title>首页</title>
<style type="text/css">
/* #headTitle img {
    width: 150px;
    height: 50px;
} */
/*灰度*/
.logo_pic {
     
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    
}
/*亮度*/
.bright {

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30822451

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js调节图片的亮度

js调节图片的亮度：（使用CSS3的滤镜）1.实现点亮图标、熄灭图标的效果效果图：页面代码：<!DOCTYPE html><%@ page language="java" contentType="text/html; charset=UTF-8"%><% String ctxPath = request.getContext...
复制链接

扫一扫