Making realistic effect using wind css effect.

Asked By Oliphant Charles 0 points N/A Posted on - 01/28/2013

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.

• Status: Open
• Question Views: 1860
• Answer Count: 1
• Vote Up 0 Vote Down

• Answer Accepted: No
• Question Category: JavaScript

Answered By Carlson Tracy 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.

About Carlson Tracy

Questions
3

Answers
13

Best Answers
5

• Vote Up 0 Vote Down

• Posted on - 02/04/2013
• Question Category: JavaScript