                        课程
                    
                        /前端开发
                        
                            /CSS3
                        
                        /CSS3实现漂亮ToolTips效果

图标的缩放

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

.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

源自：CSS3实现漂亮ToolTips效果 1-5

关注问题我要回答

1013

操作

收起

2 回答

慕斯8234454
2020-05-09

.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

楼主在这两个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 回复有任何疑惑可以回复我~

收起回答

JRuth 提问者

我是加了的，只是没有效果

2015-11-19 回复有任何疑惑可以回复我~

0/150

提交

取消

CSS3实现漂亮ToolTips效果

参与学习 42721 人
解答问题 101 个

CSS3 实现鼠标悬停弹出信息提示框，学习达到对CSS3深入了解的目的

进入课程

本课相似问答

3 回答为什么我的图标不能缩放

1 回答第三个图标

3 回答第四、第五的图标的问题

5 回答小房子的图标出不来

3 回答就是最后一个缩放的特效为何没有表现出来

搜索更多本课相关问答

图标的缩放

我要回答关注问题

热搜

最近搜索清空

图标的缩放

2 回答

本课相似问答

图标的缩放