Line 2,220: | Line 2,220: | ||
<!---Mask effects---> | <!---Mask effects---> | ||
+ | .view { | ||
+ | width: 300px; | ||
+ | height: 200px; | ||
+ | margin: 10px; | ||
+ | float: left; | ||
+ | border: 5px solid #fff; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | box-shadow: 0px 0px 5px #aaa; | ||
+ | cursor: default; | ||
+ | } | ||
+ | |||
+ | .view .mask, .view .content { | ||
+ | width: 300px; | ||
+ | height: 200px; | ||
+ | position: absolute; | ||
+ | overflow: hidden; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | |||
+ | .view img { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .view a.info { | ||
+ | background:url(../img/link.png) center no-repeat; | ||
+ | display: inline-block; | ||
+ | text-decoration: none; | ||
+ | padding:0; | ||
+ | text-indent:-9999px; | ||
+ | width:20px; | ||
+ | height:20px; | ||
+ | } | ||
.collage-text .mask { | .collage-text .mask { | ||
opacity: 0; | opacity: 0; |
Revision as of 06:02, 12 October 2018