小编Har*_*rdy的帖子

从中心缩放后将元素保持在原始位置

所以我想知道如何计算translate从中心(css:)缩放的元素的CSS属性值transform-origin: 50% 50% 0

这是我的HTML和CSS(FIDDLEhttp : //jsfiddle.net/rPNyM/

HTML:

<div id="holder">
    <div id="dot"></div>  
  <div id="box"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

#holder {
    position: absolute;
    width: 500px;
    height: 500px;
    background: #226699;

}

#dot {
  position: absolute;
  left: 100px;
  top: 100px;
  width: 5px;
  height: 5px;
  background: #ff0000;
  z-index: 20;  
}

#box {
   position: absolute;
   left: 100px;
   top: 100px;
   width: 100px;
   height: 100px; 
   background: #000; 
   transform: translate(-25px, -25px) scale(0.2,0.2);
   transform-origin: 50% 50% 0;      
   -moz-transform: translate(-25px, -25px) scale(0.2,0.2);
   -moz-transform-origin: 50% …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery css3

4
推荐指数
1
解决办法
4453
查看次数

如何将外部库加载到jsdom中以使用酶完全渲染来测试reactjs模块

我有一个使用谷歌地图的反应模块,所以它要求谷歌在执行测试之前将javascript加载到DOM中.如何将这些外部库加载到jsdom中?

mocha.js jsdom reactjs enzyme

1
推荐指数
1
解决办法
1318
查看次数

标签 统计

css ×1

css3 ×1

enzyme ×1

html ×1

javascript ×1

jquery ×1

jsdom ×1

mocha.js ×1

reactjs ×1