css扩展之颜色伽马转换,增强对比和亮度

By admin at 2017-11-13 • 0人收藏 • 503人看过
<html>
	<head>
		<title>CSS background/foreground images</title>
<style type="text/css"> 
	body { 
		font-family:Verdana; font-size:10pt; 
		width:100%%; height:100%%;  
		background-color: window;
		padding:10px;
		margin:0;
	}

	#c1 
  {
    background-color: threedface;
	}	

	img
  {
		margin: 6px;
	}	

	img:hover
  {
    foreground-image-transformation: contrast-brightness-gamma(0.5,0.5, 1.2);
	}
	img:active
  {
    foreground-image-transformation: contrast-brightness-gamma(0.25,0.95, 1.0);
	}	
	
</style>
	</head>
	<body>
	<center>Image color transformation. Move mouse over the block below. Image will change gamma. On press image will change contrast and brightness.</center>
  <p id="c1"><img src="flowers.jpg" /> <img src="icon.png" /></p>
  <pre>
    foreground-image-transformation: contrast-brightness-gamma(0.5,0.5, 1.3);  
    foreground-image-transformation: contrast-brightness-gamma(0.25,0.95, 1.0);  
 </pre> 
 	</body>
</html>

gifTest.gif

登录后方可回帖

登 录
信息栏
本站永久域名:HtmLayout.Cn
纯私人站,当笔记本用的,学到哪写到哪,目前在学aardio+halcon机器视觉.
Htmlayout界面在线学习文档
Sciter中文在线文档Sciter在线学习文档
本 站 主 站:Stm32cube中文网
Aardio 官方站:Aardio官方
Aardio最新功能:Aardio官方更新日志
aardio在线手册Aardio在线手册
C大Aardio论坛:Aar爱好者论坛
简码教程网:简码编程
AARDIO语言QQ群:70517368
赞助商:才仁机械
下载站:非凡软件站
Loading...