Всплывающие пузырьки на CSS3 и jQuery
1 |
<link rel="stylesheet" href="/css/bubble.css"> |
1 2 3 4 5 6 7 8 9 10 11 12 |
<div class="field"></div> <script> var items=50; for (var i=0 ;i <= items; i++ ){ var moveVal = Math.ceil(Math.random()*50); var posVal = Math.ceil(Math.random()*50); var scaleVal = Math.ceil(Math.random()*10); var shakeVal = Math.ceil(Math.random()*5); var stretch = Math.ceil(Math.random()*5); $(".field").append('<div class="move'+moveVal+' pos'+posVal+'"><div class="scale'+scaleVal+'"><div class="item shake'+shakeVal+'"><span class="item stretch'+stretch+'"></span></div></div>'); } </script> |
Красиво!