User:Andrew Stiff/grayscale.css

-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

.pic { border: 10px solid #fff; float: left; height: 300px; width: 300px; margin: 20px; overflow: hidden; -webkit-box-shadow: 5px 5px 5px #111; box-shadow: 5px 5px 5px #111; } img { -webkit-transition: all 7s ease; -moz-transition: all 7s ease; -o-transition: all 7s ease; -ms-transition: all 7s ease; transition: all 7s ease; } img:hover { -webkit-filter: grayscale(100%); }