transform:scale3d(0.01,0.01,1)

你是不是没有写transition过渡，或者是写错了位置

位置代码没写对吧

相信你现在已经解决了吧 这个问题  具体原因我不知道 我是transform:scale3d(0.01,0.01,1)； 这样就好了

scaleZ()和scale3d()函数单独使用时是没有任何效果，需要配合其他的变形函数一起使用才会有效果。

设置transform-origin是指改变图形的旋转点，因为旋转点默认位置是在中心位置。而Y轴变化是transform：rotate3d(0,1,0)属性控制，这是两个不同的属性，前者的变化自然不影响后者。

3D缩放用scale（）则需要加ransform-style:preserve-3d 和perspective属性；而视频中老师是用的scale3d（）不是scale（）， scale3d（）已经表示的是3d的了，所以就不用加那两个属性了。

.effect-5 .tooltip-content{transform:scale3d(0.2,0.2,1);

                                  -webkit-transform:scale3d(0.2,0.2,1);

                                  transform-origin:50% 100%;

                                  -webkit-transform-origin:50% 100%;}

赞一个！！

为什么我的火狐有几个都不显示 是版本的问题？

加个ie的前缀-ms-

本来就要加这些吧。-webkit-是兼容其他的浏览器的。

第四个图标是需要设置 i 从下往上，从而抵消tooltip-content从上往下的运动

给I设置  transform: translate3d(0,20px,0);就可以了

y轴正方向是朝下的

应该把代码拿出来晒晒