淘寶css3導航是一種基于CSS3技術實現的導航菜單，它擁有多種動畫效果和樣式，具有良好的用戶體驗。下面是一份簡單的CSS代碼，通過它您可以實現一個簡單的淘寶css3導航：

nav{
width:100%;
height:50px;
background-color:#f40;
}
nav ul{
margin:0;
padding:0;
list-style:none;
}
nav li{
display:inline-block;
position:relative;
}
nav a{
display:block;
font-size:16px;
line-height:50px;
padding:0 20px;
color:#fff;
text-decoration:none;
}
nav a:hover{
background-color:#d00;
}
nav li ul{
display:none;
position:absolute;
top:50px;
left:0;
background-color:#fff;
}
nav li:hover ul{
display:block;
}
nav li ul li{
display:block;
}
nav li ul li a{
display:block;
padding:0 20px;
color:#333;
text-decoration:none;
}
nav li ul li a:hover{
background-color:#f4f4f4;
}

如上代碼中，我們定義了一個導航塊nav，并設置了其寬度、高度和背景顏色。其子元素ul代表導航菜單，我們將其列表樣式置為none，并定義子元素li的display屬性為inline-block，目的是實現菜單項水平排列。菜單項a的屬性設置中，我們設置了字體大小、行高、內邊距、顏色等樣式，通過這些樣式，我們可以達到一個簡潔美觀的導航菜單效果。

當用戶將鼠標移動到菜單項上時，我們設置了hover的效果，菜單項的背景顏色變成紅色。如果菜單項有子菜單選項，我們在其子元素li上定義另外一組樣式，并在其子元素a上定義跟主菜單樣式相似的樣式。當用戶將鼠標移動到菜單項時，子菜單就會以動畫的形式出現，并顯示出相應的子菜單項。