Making realistic effect using wind css effect.

Asked By 0 points N/A Posted on -
qa-featured

Hi

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.

SHARE
Answered By 0 points N/A #170883

Making realistic effect using wind css effect.

qa-featured

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.

Related Questions