css - CSSを使用してimgスケールを逆にしますか?

Question

私はCSSで何かをやろうとしています。これまでに行われたとは思わない. CSS を使用して、マウスを img の上に置いたときに、画像のアニメーションを大きくする (スムーズにサイズが大きくなる) ようにしました。これはすばらしい効果であり、素敵なポートフォリオや Apple OS X ドックのようなクールなメニューを作成するために使用できます。しかし、最近、画像を縮小して縮小し、テキストを表示するサイトを見て、素晴らしいと思いました。JavaScript と JQuery のヒントを使用していますが、CSS だけでこれを行うことができるかどうか疑問に思っていました。以下は、画像を拡大するためのコードです。

a:hover, a:focus { 
    z-index:440 
}
a img {
    border:0;
    -webkit-transition:all .2s; 
    -moz-transition:all .2s;
}
ul.Port a img {
    -webkit-transform-origin: top;/
    -moz-transform-origin: top; 
}
a:hover img, a:focus img {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
}

値を負に変更すると、img が適切なサイズで点滅するという問題が発生し、スムーズに小さくなりませんが、根絶されます。私が求めていることは CSS では不可能ですか? または、何か不足していますか？私はこれを数時間いじってみましたが、うまく動作させることはできません。