*{ margin: 0; padding: 0; } ul{ list-style: none; } body{ background: #000; } .demo li{ float: left; width: 10%; position: relative; } .demo li img{ width: 100%; transition: all ease .3s; vertical-align: middle; } .demo:hover img { opacity: .5; } .demo li:hover img{ opacity: 1; }