@shadowThumb: rgba(100, 100, 100, 0.5); @shadowThumb2: rgba(30, 30, 30, 0.5); @bradius: 20px; @bshadow: 20px; @bshadow2: 10px; @rotate: 5deg; .thumb img{ opacity: 0.5; border: solid 2px gray; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: @bradius; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: @bradius; -webkit-border-radius: 0px @bradius 0px @bradius ; border-radius: 0px @bradius 0px @bradius ; -webkit-box-shadow: 0px 0px @bshadow 3px @shadowThumb; -moz-box-shadow: 0px 0px @bshadow 3px @shadowThumb; box-shadow: 0px 0px @bshadow 3px @shadowThumb; } .thumb img:hover{ opacity: 1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; /* -moz-transform:rotate(@rotate); -webkit-transform:rotate(@rotate); -o-transform:rotate(@rotate); */ -moz-border-radius-topleft: @bradius; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: @bradius; -moz-border-radius-bottomleft: 0px; -webkit-border-radius:@bradius 0px @bradius 0px ; border-radius: @bradius 0px @bradius 0px ; -webkit-box-shadow: 0px 0px @bshadow2 3px @shadowThumb2; -moz-box-shadow: 0px 0px @bshadow2 3px @shadowThumb2; box-shadow: 0px 0px @bshadow2 3px @shadowThumb2; }