images met hover

.imagetwocolumn a { width: 46.667%; } .imagethreecolumn a { width: 30%; } .imagefourcolumn a { width: 21.667%; } 
.image-columns a { background: #000; display: inline-block; margin: 0 1.667% 0 1.667%; }
.image-columns a:hover { text-decoration: none; }
.contentAreaC .image-columns div img { width: 100%; padding: 0; }
.image-columns div { opacity: 1;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.image-columns .imgHover div { opacity: .3; }
.image-columns span { color: #fff; opacity: 0; display: block; text-align: center; position: relative; letter-spacing: normal; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.image-columns .imgHover span { opacity: 1; }    
</style>

Maak van de volgende modules afbeeldingen met links en een hover:

two column image
three column image
four column image