## 列表基类 ~~~ /*列表组 图文imgage-text-style*/ .list-group-imgtext{overflow: hidden;} .list-group-imgtext li{list-style: none;} .list-group-imgtext > .row{margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0} .list-group-imgtext .img-thumbnail{border: none;} .list-group-imgtext .list-item{padding-left: 0; padding-right: 0; margin-bottom: 12px; position: relative;} .list-group-imgtext .list-item.last{margin-right: 0} .list-group-imgtext .thumbnail{padding: 0; margin: 0; border-radius: 0; border: none; position: relative; overflow: hidden;} .list-group-imgtext a.thumbnail:hover{ border: none; -webkit-box-shadow: none; -moz-box-shadow:none; box-shadow: none; } .list-group-imgtext .thumbnail img{margin: 0; width: 100%; max-width: 100%; width: auto/9; height: auto; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;} .list-group-imgtext .list-item-title ,.list-group-imgtext .list-item-title a{display: block; color: #333333} .list-group-imgtext .list-item.active .thumbnail img{transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .hover-box{width: 100%; height: 100%; color: #fff; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.6) !important; filter: alpha(opacity=60); background-color: #000000; display: none;} .hover-box .icon{position: absolute; left: 50%; top: 50%; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.23 ease;} .list-group-imgtext .list-item.active .icon{margin-top: -10px; /* animation:animations-hover .5s infinite; -moz-animation:animations-hover .5s infinite; -webkit-animation:animations-hover .5s infinite; -o-animation:animations-hover 5s .infinite; */} @-webkit-keyframes animations-hover{0%{margin-top: 0; background: red;} 25%{} 50%{margin-top: -10px; background: yellow;} 75%{} 100%{margin-top: 0; background: red;}} ~~~