| HTML |
|---|
<style>
.metro-web-deva { width:990px980px; } .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> |
...