Html 表格图像的Css转换

我如何在我的假日列表中使用css转换，这样当我将鼠标移到图像上时，它需要显示大的图像大小，当我将鼠标移到图像外时，它需要返回到mormal，我知道使用javascript，但我希望使用css3完成这项工作

#挑选
{
过渡：宽度2s；
-moz转换：宽度2s；/*Firefox 4*/
-webkit过渡：宽度2s；/*Safari和Chrome*/
-o型过渡：宽度为2s；/*Opera*/
}
假期
观察到的天数
元旦
2012年1月1日
博吉/马卡尔桑克兰蒂
2012年1月13日
共和日
2012年1月26日
乌加迪
2012年3月23日
耶稣受难节
2012年4月6日
独立日
2012年8月15日
拉姆赞
2012年8月20日
维纳亚卡·查维蒂
2012年9月19日
达萨拉
2012年10月24日
排灯节
2012年11月13日
圣诞节
2012年12月25日

您需要使用CSS3刻度。我会写一份快速的样品

这是一个简单的实现：

img:hover { 
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}

请记住，您可能应该缩小默认图像视图的比例，以获得最佳视觉效果

如果您的图像是300px 200px，那么您可以这样做：

img {
  width: 200px; 
}

更新您的小提琴：

img {
  width: 200px; 
}