|
|
Line 171: |
Line 171: |
| height: 100%; | | height: 100%; |
| text-align:center; | | text-align:center; |
| + | overflow: hidden; |
| } | | } |
| #jumbo-footer.jumbotron>.container>.col-md-4 img{ | | #jumbo-footer.jumbotron>.container>.col-md-4 img{ |
− | width: 95%;
| |
− | height: 95%;
| |
− | margin-top: 6px;
| |
− | }
| |
− | #jumbo-footer.jumbotron>.container>.col-md-4 img:hover{
| |
| width: 100%; | | width: 100%; |
| height: 100%; | | height: 100%; |
| margin-top: 0; | | margin-top: 0; |
| + | margin-left: 0; |
| + | } |
| + | #jumbo-footer.jumbotron>.container>.col-md-4 img:hover{ |
| + | width: 105%; |
| + | height: 105%; |
| + | margin-top: -6px; |
| + | margin-left: -8px; |
| cursor: pointer; | | cursor: pointer; |
− | -webkit-transition: width 0.5s, height 0.5s, margin-top 0.5s; | + | -webkit-transition: width 0.5s, height 0.5s, margin-top 0.5s, margin-left 0.5s; |
− | -moz-transition: width 0.5s, height 0.5s, margin-top 0.5s; | + | -moz-transition: width 0.5s, height 0.5s, margin-top 0.5s, margin-left 0.5s; |
− | -ms-transition: width 0.5s, height 0.5s, margin-top 0.5s; | + | -ms-transition: width 0.5s, height 0.5s, margin-top 0.5s, margin-left 0.5s; |
− | -o-transition: width 0.5s, height 0.5s, margin-top 0.5s; | + | -o-transition: width 0.5s, height 0.5s, margin-top 0.5s, margin-left 0.5s; |
− | transition: width 0.5s, height 0.5s, margin-top 0.5s; | + | transition: width 0.5s, height 0.5s, margin-top 0.5s, margin-left 0.5s; |
| | | |
| } | | } |
Line 425: |
Line 428: |
| </div> | | </div> |
| <!--content--> | | <!--content--> |
− | <div style="height: 600px"> | + | <div class="index-content"> |
| + | <div class="img-container"> |
| | | |
| + | </div> |
| </div> | | </div> |
| <!--footer--> | | <!--footer--> |