是否可以使用CSS像这个图像一样动画?
问题描述:
只是一个简单的问题。我只想使用CSS/Html5制作一个简单的动画,最终效果与此图像类似,但具有淡出效果。是否可以使用CSS像这个图像一样动画?
我已经可以生成随机位置和淡出的文字,但是......颜色呢?有可能使这种颜色转换并具有透明度?我的意思是,文字能有这种效果吗?
作为一个新手,我感谢任何帮助。
答
如果你想与透明度的文字,你只需要使用RGBA颜色是这样的:
color: rgba(123,213,231,0.5);
其中最后numner“0.5”是指颜色的透明度。 有关的颜色变化的动画效果use transition
答
您可以随机文字颜色使用javascript:
function randomColor() {
return 'rgba('+rgb()+','+rgb()+','+rgb()+','+alpha()+')';
}
function rgb() {
var min = 0,
max = 255,
rcolor = Math.floor(Math.random() * (max - min) + min);
return rcolor;
}
function alpha() {
var min = 0.2,
max = 0.9,
randalpha = Math.random() * (max - min) + min;
return randalpha.toFixed(1);
}
+0
感谢您的答复,但我想申请一些效果不仅设置随机颜色(虽然你的解决方案是伟大的!)。我的意思是,一封信有什么像图像那样的多色效果? –
谢谢。我想使用阿尔法是答案 –