近年來，淘寶HTML5技術及CSS3技術在淘寶網站的建設上得到充分的應用。淘寶網站通過將CSS技術與圖片結合，實現了圖片的局部放大效果。

.taopic {
position: relative;
display: inline-block;
overflow: hidden;
width: 402px;
height: 402px;
}
.taopic img {
display: block;
position: relative;
z-index:1;
width:100%;
}
.taopic em {
display: block;
background: #000;
opacity:0.5;
position: absolute;
z-index:2;
top:0px;
bottom:0px;
left:0px;
right:0px;
}
.taopic .propbox{
width: 134px;
height: 134px;
border: 1px solid #ccc;
position: absolute;
z-index:3;
top:134px;
left:134px;
display: none;
}
.taopic:hover .propbox{
display:block; 
}
.taopic:hover .propbox img{
position:relative;
left:-($index * 133)px;
}

通過以上的CSS代碼，將圖片進行div包裹，并通過設置overflow屬性來隱藏圖片外部的內容。同時，定義一個控制局部放大的div，用于對圖片進行局部放大的控制。

在CSS中，使用:hover選擇器來觸發局部放大效果，使鼠標移動到圖片上時，實現局部放大的效果。同時，在propbox中設置一張與原圖大小相同的大圖的展示區域，并通過控制大圖的位置，使得局部放大的圖片展示在該區域中。

總的來說，淘寶CSS局部放大圖片效果通過HTML5和CSS3技術的配合，實現了商品細節展示的真實效果，提升了網站的用戶體驗，同時增加了商品的銷售轉化率。