仅显示块的前25％

Question

我使用css3生成某些形状。我想只显示块的一部分，例如：25％以上或25％底部。我如何实现这一目标？

例如：在http://jsfiddle.net/HNyHM/1/;我想从上面只显示25％。

Answer 1

检查一下。 http://jsfiddle.net/LB8mC/

在div中包裹CSS形状，给它高度，宽度确切地显示你要显示的形状。然后相对于包装器绝对定位形状。

这是我在小提琴中使用的内容。

  .shape-wrapper {
        position:relative;
        overflow:hidden
        height: 25px;
  }



  .shape-wrapper > div {
        top: -25px;
        left: -25px;
     }

你可以继续改变孩子div的位置（前25％或者25％，就像你要求使用JS一样。

Answer 2

添加包装div可能有所帮助。有关固定尺寸的开头，请参阅http://jsfiddle.net/HNyHM/3/。