CSS Magnification Scale Hover Effect

[eedesign]

I'm using a css coding to enlarge/scale images when hover. The code works very nice. However, it makes all the images on my page to have the scale effect. What can I do to make it work on just some images?
Here is the code I'm using:
http://www.priteshgupta.com/2011/06/.../#comment-1058
Thanks!

eedesign

[Excavator]

Hello eedesign,
Give those images you wish to have the effect a class so you can style them seperately from other images on your page.

Something like this <img src="your.jpg" alt="description" class="scale" />

Then your CSS would be like this

img.scale {
-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
img.scale:hover {
-webkit-transform: scale(1.1) translateZ(0);
    -moz-transform: scale(1.1) translateZ(0);
    -o-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0);
}