那我们首先要理解，下面几个问题：
殊效是什么？
殊效实现的事理
在不同领域说法也不一样，电商店铺里面殊效指的是CSS殊效。一样平常特指鼠标经由而实现的一些视觉上的分外效果。比如鼠标经由图片放大等
二：殊效实现的事理？这个实在很大略，既然是鼠标经由而产生变革，那就类似于动画。
动画如何产生的，通过几个不同韶光的关键帧，而让人视觉上产生动画的效果。
那么店铺殊效也是，如何产生变革，就须要2个状态。
【鼠标经由前】：鼠标没有经由的时候，默认的效果
【鼠标经由后】：鼠标经由后，产生变革的部分。
而CSS里面能产生这种效果的，有很多。个顶用的比较多的是，鼠标经由的状态，也便是伪类 :hover
现在知道了殊效的事理。那如何在店铺实现呢？
实在我们做的事情，无非便是费尽心机让某些样式产生变革。一样平常方法是下面这些：
购买CSS权限
破解之写入CSS
破解之调用可以写入CSS的模块
购买店铺模板
调用官方样式实现
这里我只是说说末了一种。调用的方法，我自己对它也分好几个境界。
大略的调用 ---- 筑基期
嵌套的调用 ---- 婴变期
大神级操作 ---- 大天尊
一：大略调用顾名思义便是大略的直接调用官方带 :hover 的样式实现。这里给大家供应几个，自己去试试
<style>
.tmsg_app:hover { background: #F7F7F7;}
.cloud-spu-list .cloud-total .more:hover { color: #f60;}
.pagination a:hover {color: #fff;background-color: #09f;}
</style>
<!--实在我自己的淘宝店里面，以前就已经展示了很多，如果想知道我店铺地址，可以留言-->
<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>
须要把稳的是，官方样式，由于我们是调用，解释这些样式默认是存在其他样式的，而这些其他样式我们是不须要的，导致测试的时候 效果不理想。以是我们须要把不须要的样式覆盖掉或者修正成你想要的效果
二：嵌套的调用顾名思义，便是不单单直接调用，而是灵巧的将不同的官方样式，领悟在一起 从而实现一些更炫酷的效果
三：大神的操作官方没有带 :hover 的铍铜样式，如何来实现殊效，也便是化腐烂为神奇，以是叫大神级操作
这里不做过多先容，关注米色"大众号，往后有机会 可能会分享这个方法。
店铺殊效，很多人会说，现在手机端更主要。不可否认是这样。那是不是手机端更主要就不须要代码了呢？答案是否定的
手机端会不会永久都是直接添加图片和链接呢？肯定不会，由于人的审美会变革，或许往后，人们对手机真个效果哀求更高了呢，电商平台许可我们事先代码做效果。就像当初时电脑端也只是图片加笔墨，而现在各种炫酷网页殊效。凡事不能看面前，该当看长远点
代码不仅仅是装修店铺，还可以做很多事情，做很多事情，这里就不多说了。以前发帖说过这个问题。
末了一句话，凡事不能只想着，现在不须要 就不在乎。防患于未然，大概现在不须要，但是将来很须要呢？
