#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; }

$tag, 'sort'=>'interestingness-desc'); $photos = $flickr->photosSearch($params); $i=0; if(isset($photos['photos'])) foreach($photos['photos'] as $photo) { if($i++ > 50) break; $url = $flickr->getPhotoURL($photo,'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};"; echo <<

EOI; } else echo "No photos found"; ?> ]]>