Making realistic effect using wind css effect.

Asked By 0 points N/A Posted on -


I have to create a windy effect for some content of my website. It should be flowed as wind blow and looks like real. Can this possible to create such effect by using wind css effect? If anyone have any recommendations will cordially taken.

Answered By 0 points N/A #170883

Making realistic effect using wind css effect.


Hello there,

Thank you for asking. There are quite few ways on how to create the effect that you were looking for. Just use this code in CSS. This would create a realistic wind effect in your site.

var width = $(window).width(), height = $(window).height();

var $element = $("element");
$element.css("position", "absolute");
setInterval(function() {
  $element.css("top", Math.random() * height);
  $element.css("left", Math.random() * width);
}, 50);

I hope this helps.Thank you again.

Login/Register to Answer

Related Questions