使用css3动画在屏幕上飞行的单个像素?

时间:2015-07-20 00:35:50

标签: css animation pixels

所以我想知道是否有可能动画几个单一的白色像素来划过我正在建立的主页的屏幕。我是css动画的完整新手。

基本上我希望每隔几秒就有一些随机像素飞过屏幕。这甚至可能吗?显然,我必须使用z-index来确保他们不会弄乱网站的其他部分。

提前致谢!

克尔

1 个答案:

答案 0 :(得分:1)

我制作了旋转"像素"的样本。

JS Bin

var x=0;
$(document).ready(function(){
setInterval(function(){
$('#pixel').css({'transform' : 'rotate('+ x + 'deg)'});
x+=5;
}, 100);
});

只是为了让你开始。更改像素大小和转换类型以获得所需的效果。如果你想真正想要的话,可以在计时器上添加一个随机数发生器。

我不想为你做这件事,只是指出你正确的方向。 ;)