CSS/HTML 画像にマウスを当てたときに拡大表示させる方法

状況
今回はテーブル内、画像にマウスを当てるとその画像が拡大表示させるケース
テーブル全体をhtmlで、下記の通り、設定
<div class="photolink01">


<css 3.0を変更すれば縮大倍率変更>
.photolink01{
overflow: visible;
width: 100%;
height: 100%;
}

.photolink01 img{
display: block;
transition-duration: 0.5s;

}

.photolink01 img:hover {
transform: scale(3.0,3.0);
transition-duration: 0.5s;
}