#pile { width: 800px; height: 600px; margin: 10px auto; padding: 20px; position: relative; } #pile div { background: #fff; position: absolute; overflow: hidden; opacity: 0.9; -webkit-transition: all 1500ms linear; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: -3px -3px 30px #666; -moz-box-shadow: -3px -3px 30px #666; box-shadow: -3px -3px 30px #666; } #pile img { -webkit-mask-box-image: url(/images/background.svg); -webkit-mask-repeat: none; }

results->photo as $p) { if($i++ > 50) break; $url = furl($p, 'm'); $rot = rand(-30,30); $style = "-webkit-transform: rotate({$rot}deg); -moz-transform: rotate({$rot}deg);"; $top = rand(50,500); $left = rand(-50,710); $style .= "top: {$top}px; left: {$left}px;"; $z = rand(1,15); $style .= "z-index: {$z};"; $t = htmlspecialchars($p['title'], ENT_QUOTES, 'utf-8'); echo <<

EOI; } ?> ]]>