图标的缩放
来源：1-5 汽泡特效动画制作（2）
JRuth
2015-10-19 10:18
我的小房子图片没有显示缩放，怎么回事？？？
.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没有效果？？？？
写回答
关注
2回答
-
- 慕斯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); -
- 子木李
- 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);
然后再看看效果
CSS3实现漂亮ToolTips效果
CSS3 实现鼠标悬停弹出信息提示框，学习达到对CSS3深入了解的目的
42722 学习 · 101 问题
相似问题