0
http://www.cssplay.co.uk/menu/avatars2.htmlのクールなCSSベースのギャラリーが見つかりました。アイデアを複製しようとしています。レイアウトを複製することができましたが、エフェクトの複製に問題があります。中央に1から9のIDが表示されます）。これは私がこれまで持っているものである（とはい私は私がこれを持っている後までのところ、私はdivを変更する気にしませんでしたアイデアが私を襲った順不同リストを使用している必要があります知っている）：CSSベースのギャラリー
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
#container{
margin:0 auto;
width:830px;
overflow:auto;
background-color:black;
}
#container > div{
width:250px;
height:250px;
background-color:green;
float:left;
margin:10px;
}
#center{
position:relative;
}
img{
width:250px;
height:250px;
position:absolute;
}
</style>
</head>
<body>
<div id="container">
<div id="unu"></div>
<div id="doi"></div>
<div id="trei"></div>
<div id="patru"></div>
<div id="center">
<img src="img/apple_1.jpg" alt="1"/>
<img src="img/apple_2.jpg" alt="2"/>
<img src="img/apple_3.jpg" alt="3"/>
<img src="img/apple_4.jpg" alt="4"/>
<img src="img/apple_5.jpg" alt="5"/>
<img src="img/apple_6.jpg" alt="6"/>
<img src="img/apple_7.jpg" alt="7"/>
<img src="img/apple_8.jpg" alt="8"/>
</div>
<div id="sase"></div>
<div id="sapte"></div>
<div id="opt"></div>
<div id="9"></div>
</div>
</body>
</html>
に属しています –