|
|
| Line 259: |
Line 259: |
| | } | | } |
| | | | |
| − | #gallery4{
| + | |
| − | height:1000px
| + | |
| − | width:550px;
| + | |
| − | margin:10px auto;
| + | |
| − | position:relative;
| + | |
| − | }
| + | |
| − | .figure4{
| + | |
| − | padding:10px;
| + | |
| − | background-color:#FFFFFF;
| + | |
| − | border:solid 1px #ccc;
| + | |
| − | display:inline-block;
| + | |
| − | text-align:center;
| + | |
| − | position:absolute;
| + | |
| − | -webkit-transition:0.5s;
| + | |
| − | transition:0.5s;
| + | |
| − | }
| + | |
| − | .figure4#p1{
| + | |
| − | -webkit-transform:translate(0px,0px) rotate(0deg) scale(1.0);
| + | |
| − | transform:translate(0px,0px) rotate(0deg) scale(1.0);
| + | |
| − | }
| + | |
| − | #gallery4 .figure4#p1:hover{
| + | |
| − | -webkit-transform:translate(0px,0px) rotate(0deg) scale(4.0);
| + | |
| − | transform:translate(0px,0px) rotate(0deg) scale(4.0);
| + | |
| − | z-index:10;
| + | |
| − | box-shadow:0 0 6px #666;
| + | |
| − | }
| + | |
| − | .figure4#p2{
| + | |
| − | -webkit-transform:translate(0px,70px) rotate(0deg) scale(1.0);
| + | |
| − | transform:translate(0px,70px) rotate(0deg) scale(1.0);
| + | |
| − | }
| + | |
| − | #gallery4 .figure4#p2:hover{
| + | |
| − | -webkit-transform:translate(0px,70px) rotate(0deg) scale(2.0);
| + | |
| − | transform:translate(0px,70px) rotate(0deg) scale(2.0);
| + | |
| − | z-index:10;
| + | |
| − | box-shadow:0 0 6px #666;
| + | |
| − | }
| + | |
| − | .figure4#p3{
| + | |
| − | -webkit-transform:translate(0px,140px) rotate(0deg) scale(1.0);
| + | |
| − | transform:translate(0px,140px) rotate(0deg) scale(1.0);
| + | |
| − | }
| + | |
| − | #gallery4 .figure4#p3:hover{
| + | |
| − | -webkit-transform:translate(0px,140px) rotate(0deg) scale(2.0);
| + | |
| − | transform:translate(0px,140px) rotate(0deg) scale(2.0);
| + | |
| − | z-index:10;
| + | |
| − | box-shadow:0 0 6px #666;
| + | |
| − | }
| + | |
| − | .figure4#p4{
| + | |
| − | -webkit-transform:translate(100px,0px) rotate(0deg) scale(1.0);
| + | |
| − | transform:translate(100px,0px) rotate(0deg) scale(1.0);
| + | |
| − | }
| + | |
| − | #gallery4 .figure4#p4:hover{
| + | |
| − | -webkit-transform:translate(100px,0px) rotate(0deg) scale(2.0);
| + | |
| − | transform:translate(100px,0px) rotate(0deg) scale(2.0);
| + | |
| − | z-index:10;
| + | |
| − | box-shadow:0 0 6px #666;
| + | |
| − | }
| + | |
| − | .figure4#p5{
| + | |
| − | -webkit-transform:translate(100px,70px) rotate(0deg) scale(1.0);
| + | |
| − | transform:translate(100px,70px) rotate(0deg) scale(1.0);
| + | |
| − | }
| + | |
| − | #gallery4 .figure4#p5:hover{
| + | |
| − | -webkit-transform:translate(100px,70px) rotate(0deg) scale(2.0);
| + | |
| − | transform:translate(100px,70px) rotate(0deg) scale(2.0);
| + | |
| − | z-index:10;
| + | |
| − | box-shadow:0 0 6px #666;
| + | |
| − | }
| + | |
| − | .figure4#p6{
| + | |
| − | -webkit-transform:translate(100px,140px) rotate(0deg) scale(1.0);
| + | |
| − | transform:translate(100px,140px) rotate(0deg) scale(1.0);
| + | |
| − | }
| + | |
| − | #gallery4 .figure4#p6:hover{
| + | |
| − | -webkit-transform:translate(100px,140px) rotate(0deg) scale(2.0);
| + | |
| − | transform:translate(100px,140px) rotate(0deg) scale(2.0);
| + | |
| − | z-index:10;
| + | |
| − | box-shadow:0 0 6px #666;
| + | |
| − | }
| + | |
| − | .figure4#p7{
| + | |
| − | -webkit-transform:translate(200px,0px) rotate(0deg) scale(1.0);
| + | |
| − | transform:translate(200px,0px) rotate(0deg) scale(1.0);
| + | |
| − | }
| + | |
| − | #gallery4 .figure4#p7:hover{
| + | |
| − | -webkit-transform:translate(200px,0px) rotate(0deg) scale(2.0);
| + | |
| − | transform:translate(200px,0px) rotate(0deg) scale(2.0);
| + | |
| − | z-index:10;
| + | |
| − | box-shadow:0 0 6px #666;
| + | |
| − | }
| + | |
| − | .figure4#p8{
| + | |
| − | -webkit-transform:translate(200px,70px) rotate(0deg) scale(1.0);
| + | |
| − | transform:translate(200px,70px) rotate(0deg) scale(1.0);
| + | |
| − | }
| + | |
| − | #gallery4 .figure4#p8:hover{
| + | |
| − | -webkit-transform:translate(200px,70px) rotate(0deg) scale(2.0);
| + | |
| − | transform:translate(200px,70px) rotate(0deg) scale(2.0);
| + | |
| − | z-index:10;
| + | |
| − | box-shadow:0 0 6px #666;
| + | |
| − | }
| + | |
| − | .figure4#p9{
| + | |
| − | -webkit-transform:translate(200px,140px) rotate(0deg) scale(1.0);
| + | |
| − | transform:translate(200px,140px) rotate(0deg) scale(1.0);
| + | |
| − | }
| + | |
| − | #gallery4 .figure4#p9:hover{
| + | |
| − | -webkit-transform:translate(200px,140px) rotate(0deg) scale(2.0);
| + | |
| − | transform:translate(200px,140px) rotate(0deg) scale(2.0);
| + | |
| − | z-index:10;
| + | |
| − | box-shadow:0 0 6px #666;
| + | |
| − | }
| + | |
| | | | |
| | | | |
| Line 516: |
Line 411: |
| | <br> | | <br> |
| | <br> | | <br> |
| − | <font size="6">1rd grade members</font size>
| |
| − | <div id="gallery4">
| |
| − | <span class="figure4" id="p1"><a href="#p1"><img src="" width="60px" height="65px"></a><br><strong>メンバー１</strong></span>
| |
| − | <span class="figure4" id="p2"><a href="#p2"><img src="" width="60px" height="65px"></a><br><strong>メンバー２</strong></span>
| |
| − | <span class="figure4" id="p3"><a href="#p3"><img src="" width="60px" height="65px"></a><br><strong>メンバー３</strong></span>
| |
| − | <span class="figure4" id="p4"><a href="#p4"><img src="" width="60px" height="65px"></a><br><strong>メンバー４</strong></span>
| |
| − | <span class="figure4" id="p5"><a href="#p5"><img src="" width="60px" height="65px"></a><br><strong>メンバー５</strong></span>
| |
| − | <span class="figure4" id="p6"><a href="#p6"><img src="" width="60px" height="65px"></a><br><strong>メンバー６</strong></span>
| |
| − | <span class="figure4" id="p7"><a href="#p7"><img src="" width="60px" height="65px"></a><br><strong>メンバー７</strong></span>
| |
| − | <span class="figure4" id="p8"><a href="#p8"><img src="" width="60px" height="65px"></a><br><strong>メンバー８</strong></span>
| |
| − | <span class="figure4" id="p9"><a href="#p9"><img src="" width="60px" height="65px"></a><br><strong>メンバー９</strong></span>
| |
| − | </div>
| |
| | <br> | | <br> |
| | <br> | | <br> |
Team
