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

所以我想知道是否有可能让一些单一的白色像素动起来在我正在构建的主页屏幕上形成条纹。我是一个完全新手与CSS动画。使用css3在屏幕上飞行的单个像素动画？

基本上我会喜欢有几个随机像素只需几秒钟飞过屏幕。这甚至有可能吗？很明显，我将不得不与Z指数一起玩，以确保它们不会与网站的其他部分混淆。

在此先感谢！

科尔

2015-07-20 Kerr Scott

你也需要使用javascript/jquery来随机化一个计时器。 –

[这当然有可能]（http://jsfiddle.net/Lcy2grhn/3/）;我之前玩过的东西。但这并不快，您的请求对Stack Overflow来说非常宽泛。查看[帮助中心]（http://stackoverflow.com/help/asking），了解如何改进您的问题。 – TylerH

嘿，哟。这可能太笼统了，但我只是希望朝正确的方向发展。我不急，如果不行，那就不用担心了。我只是不知道从哪里开始。 –

我做了一个旋转“像素”的样本。

JS Bin

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

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

我不想为你做，只是指出你在正确的方向。 ;）

来源

2015-07-20 01:19:59

噢欢呼加里！我会试试这个。并感谢您不只是拼写出来。 –

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

回答

相关问题