很多人經(jīng)常問，淘寶店鋪里面如何實現(xiàn)特效？

那我們首先要了解，下面幾個問題：

1-特效是什么？

2-特效實現(xiàn)的原理

一：特效是什么？

在不同領(lǐng)域說法也不一樣，電商店鋪里面特效指的是CSS特效。一般特指鼠標(biāo)經(jīng)過而實現(xiàn)的一些視覺上的特殊效果。比如鼠標(biāo)經(jīng)過圖片放大等

二：特效實現(xiàn)的原理？

這個其實很簡單，既然是鼠標(biāo)經(jīng)過而產(chǎn)生變化，那就類似于動畫。

動畫如何產(chǎn)生的，通過幾個不同時間的關(guān)鍵幀，而讓人視覺上產(chǎn)生動畫的效果。

那么店鋪特效也是，如何產(chǎn)生變化，就需要2個狀態(tài)。

【鼠標(biāo)經(jīng)過前】：鼠標(biāo)沒有經(jīng)過的時候，默認(rèn)的效果

【鼠標(biāo)經(jīng)過后】：鼠標(biāo)經(jīng)過后，產(chǎn)生變化的部分。

而CSS里面能產(chǎn)生這種效果的，有很多。其中用的比較多的是，鼠標(biāo)經(jīng)過的狀態(tài)，也就是偽類 :hover

現(xiàn)在知道了特效的原理。那如何在店鋪實現(xiàn)呢？

其實我們做的事情，無非就是想方設(shè)法讓某些樣式產(chǎn)生變化。一般方法是下面這些：

1-購買CSS權(quán)限

2-破解之寫入CSS

3-破解之調(diào)用可以寫入CSS的模塊

4-購買店鋪模板

5-調(diào)用官方樣式實現(xiàn)

這里我只是說說最后一種。調(diào)用的方法，我自己對它也分好幾個境界。

1-簡單的調(diào)用 ---- 筑基期

2-嵌套的調(diào)用 ---- 嬰變期

3-大神級操作 ---- 大天尊

一：簡單調(diào)用

顧名思義就是簡單的直接調(diào)用官方帶 :hover 的樣式實現(xiàn)。這里給大家提供幾個，自己去試試

<style>

.tmsg_app:hover { background: #F7F7F7;}

.cloud-spu-list .cloud-total .more:hover { color: #f60;}

.pagination a:hover {color: #fff;background-color: #09f;}

</style>

<!--其實我自己的淘寶店里面，以前就已經(jīng)展示了很多，如果想知道我店鋪地址，可以留言-->

<div style="height:100px;float:left;width:200px;border:none;height:auto;" class="tmsg_app">NO1：tmsg_app </div>

  

<div style="height:100px;float:left;background:none;display:block;border:none;width:200px;" class="cloud-spu-list">

  <div class="cloud-total">

    <div class="more"> NO2：more </div>

  </div>

</div>

  

<div class="pagination" style="float:left;"> <a> NO3：pagination </a> </div>

需要注意的是，官方樣式，因為我們是調(diào)用，說明這些樣式默認(rèn)是存在其他樣式的，而這些其他樣式我們是不需要的，導(dǎo)致測試的時候 效果不理想。所以我們需要把不需要的樣式覆蓋掉或者修改成你想要的效果

二：嵌套的調(diào)用

顧名思義，就是不單單直接調(diào)用，而是靈活的將不同的官方樣式，融合在一起 從而實現(xiàn)一些更炫酷的效果

三：大神的操作

官方?jīng)]有帶 :hover 的鈹銅樣式，如何來實現(xiàn)特效，也就是化腐朽為神奇，所以叫大神級操作

這里不做過多介紹，關(guān)注米色公眾號，以后有機會 可能會分享這個方法。

店鋪特效，很多人會說，現(xiàn)在手機端更重要。不可否認(rèn)是這樣。那是不是手機端更重要就不需要代碼了呢？答案是否定的

1-手機端會不會永遠(yuǎn)都是直接添加圖片和鏈接呢？肯定不會，因為人的審美會變化，或許以后，人們對手機端的效果要求更高了呢，電商平臺允許我們事先代碼做效果。就像當(dāng)初時電腦端也只是圖片加文字，而現(xiàn)在各種炫酷網(wǎng)頁特效。凡事不能看眼前，應(yīng)該看長遠(yuǎn)點

2-代碼不僅僅是裝修店鋪，還可以做很多事情，做很多工作，這里就不多說了。以前發(fā)帖說過這個問題。

最后一句話，凡事不能只想著，現(xiàn)在不需要 就不在乎。防患于未然，也許現(xiàn)在不需要，但是將來很需要呢？