淘寶旗下的天貓作為著名的電商平臺，一直在不斷地升級和改進用戶體驗。其中，使用 CSS3 技術實現的特效也是其中之一。

/* 給商品圖片添加鼠標移入效果 */
.img-effect:hover {
transform: rotate(10deg); /* 旋轉 10 度 */
box-shadow: 0 8px 20px rgba(0,0,0,.4); /* 添加陰影效果 */
transition: transform .3s ease-in-out, box-shadow .3s ease-in-out; /* 添加過渡效果 */
}
/* 給搜索框添加動態效果 */
.search-input:focus {
border-color: #ff5000; /* 輸入框邊框變成橙色 */
box-shadow: 0 0 5px #ff5000; /* 輸入框周圍添加橙色陰影效果 */
outline: none; /* 取消輸入框輪廓效果 */
transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out; /* 添加過渡效果 */
}
/* 給按鈕添加動態效果 */
.btn-effect:hover {
background-color: #ff5000; /* 按鈕背景變成橙色 */
color: #fff; /* 文字顏色變成白色 */
transition: background-color .3s ease-in-out, color .3s ease-in-out; /* 添加過渡效果 */
}

以上代碼是天貓使用 CSS3 實現的一些動態效果。這些效果不僅讓用戶在使用天貓平臺的時候更加舒適和方便，同時也為其他網站提供了一些有用的參考。