transform-origin怎么不起作用？？-慕课网

首页课程实战体系课手记专栏慕课教程

transform-origin怎么不起作用？？

来源：2-4 CSS样式整理-优化-分离和引入

黎子颖

2015-09-14 12:35

.toolbar-layer {
  position: absolute;
  right: 46px;
  bottom: -10px;
  width: 172px;
  background-image: url(../image/toolbar.png);
  background-repeat: no-repeat;
  /*background: red;*/
  opacity: 0;
  filter: alpha(opacity=0);
  /*使二维码缩小到最小 那么可以用css3的2d变换*/
  transform-origin: 95% 95%;
  /*transform: scale(0.01);*/
  transition: all 0.1s;
}

还有那个transform: scale(0.01);

直接去掉/**/ 那么不会弹出二维码的背景图片了

可能是什么原因？？

写回答关注

2回答

黎子颖

2015-09-14 13:53:48

@include scale(0.01);
我用的chorme浏览器
封装了scale 后 transfrom-origin才起作用即是从右下角伸展开来

0 0
黎子颖

2015-09-14 13:39:20

封装了也没作用

0 0

侧栏工具条开发

带动画效果的工具条，掌握如何用CSS3完成简单的动画效果

68220 学习 · 317 问题

相似问题

想问。。。没看出来有什么区别。。。对于transform-origin那一块的调整。。。= =

回答 2

window监听滚动事件不起作用？

回答 1

为什么.toolbar-layer样式是transform: scale(0.01)而不是transform: scale(0)

回答 1

传参问题 ,两个参数相同,为什么封装的时候只写了一个参数@include transform-origin(95% 95%);

回答 1

注册了jquery的方法调用时有用，没有注册的方法不起作用

回答 3

打开慕课网App查看更多内容