问答详情
源自：1-5 汽泡特效动画制作（2）

图标的缩放

我的小房子图片没有显示缩放，怎么回事？？？


.tooltip-effect-1 .tooltip-content i{
   -moz-transform:  scale3d(0,0,1);
   -webkit-transform:  scale3d(0,0,1);
}
.tooltip:hover .tooltip-content,
.tooltip:hover .tooltip-content i{
      opacity: 1;
    -moz-transform: translate3d(0,0,0) rotate3d(1,1,1,0deg)  scale3d(1,1,1);
    -webkit-transform: translate3d(0,0,0) rotate3d(1,1,1,0deg)  scale3d(1,1,1);
}

scale没有效果？？？？

提问者：JRuth 2015-10-19 10:18

个回答

  • 慕斯8234454
    2020-05-09 15:39:31

    .tooltip-effect-1 .tooltip-content i{
       -moz-transform:  scale3d(0.5,0.5,1);
       -webkit-transform:  scale3d(0.5,0.5,1);

    0
  • 子木李
    2015-10-19 10:40:28

    楼主在这两个css里，再加个transform试试看，就是除了-moz-transform和-webkit-transform,再添加一个transform，如：

    .tooltip-effect-1 .tooltip-content i{
	-webkit-transform:scale3d(0,0,1);
	transform:scale3d(0,0,1);
	-webkit-transform-origin:50% 100%;
	transform-origin:50% 100%;
}

    下面的那个也加一个transform:

    transform:translate3d(0,0,0) rotate3d(1,1,1,0) scale3d(1,1,1);

    然后再看看效果

    0