HTML |
---|
<style> .metro-web-deva { width:980px990px; } .metro-web-deva .case { float: left; position: relative; margin: 4px; padding: 3px; width: 150px; height: 80px; text-decoration: none; cursor: pointer; overflow: hidden; color: #fff; z-index: 9; Background:#04aeda; transition: all 0.5s cubic-bezier(0.25, 0.1, 0.25, 1) 0s; } .metro-web-deva .case:hover { opacity: 0.8; filter: alpha(opacity=80); } .metro-web-deva .case span { position: absolute; left: 5px; bottom: 5px; font-size: 17px; z-index: 8; } .metro-web-deva .case img.label { position: absolute; left: 50%; top: 50%; margin-left: -32px; margin-top: -32px; z-index: 7; } .metro-web-deva .case img.large { margin-left: 20px; margin-top: 5px; } </style> |
...