如何将透明度应用于平滑改变颜色的背景

我想用透明背景平滑地改变颜色来制作div，问题是我需要在div处有一些不透明的内容。如何将透明度应用于平滑改变颜色的背景

我发现这个改变颜色

<head> 
<script 
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"> 
</script> 
<script type="text/javascript"> 
$(document).ready(function() { 
setInterval ("spectrum()", 1000); 
    }); 

function spectrum(){ 
var hue = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + 
    (Math.floor(Math.random() * 256)) + ',' + 
    (Math.floor(Math.random() * 256)) + ')'; 
$('body').css({ backgroundColor: hue }); 

} 

</script> 
</head> 
</body> 
</html>

但我不知道如何将透明度添加进去。

我想要的另一件事是通过移动光标来改变颜色。我认为应该可以将它与jQuery .mousemove()函数结合使用。

非常感谢

来源

2013-03-17 Martin Gabriel

为半透明的颜色格式为rgba(R, G, B, A)，其中R，G，B是你已经拥有的，A介于0（完全透明）和1（完全不透明）的数字。您需要确定您需要的具体数字是多少。

来源

2013-03-17 19:01:09

感谢它运作良好，并且您知道如何使用鼠标的坐标改变颜色，我曾经看到它，我认为至少有两个来自rgb的数字应该可以更改为X和窗口中光标位置的Y. – 2013-03-17 19:37:36

使用CSS转换：

body{ 
    -webkit-transition: background-color 1s linear; 
}

直播代码： http://jsbin.com/oqesub/1/edit

来源

2013-03-17 19:00:47 Mohsen

变化rgb到rgba。

rgba(red,green,blue,opacity)

来源

2013-03-17 19:00:58

如何将透明度应用于平滑改变颜色的背景

回答

相关问题