Mastering CSS

Adding vendor prefixes and :focus states

The last thing we have to do is add vendor prefixes to our transform and transition properties. Like with transition, I'm going to add the -webkit- prefixed version of the declaration in order to support older versions of Chrome, Safari, Firefox, and Opera. And also I'm going to add in the -ms- prefixed version to support Internet Explorer 9.

.content-block .figure img {  float: left;  -webkit-transition: .25s all ease-in-out;  transition: .25s all ease-in-out;}.content-block .figure img:hover {  -webkit-transform: rotate(15deg) scale(1.25, 1.25);  -ms-transform: rotate(15deg) scale(1.25, 1.25);  transform: rotate(15deg) scale(1.25, 1.25);}

Maybe it's worth emphasizing that with the transform property, I ...