css - Perspective bug -
i'm having following div structure
<div class="a"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> div.a { -webkit-perspective: 1000px; perspective: 1000px; -ms-perspective: 1000px; } div.a div { float: left; width:33.33333333333333%; height: 30px; overflow: hidden background: transparent url(someimage) no-repeat; }
all divs (div.a div) positioned js , having background image appears single image (a image broken in 6parts)
the problem i'm having line between div childs. if remove perspective fine.
the div structure , css class presented here simplifying code.
i solve removing perspective after square has been animated use following structure square
<div class="parent"> <div class="block"></div> </div>
the perspective applied parent , removed after animation (you can't apply child anyway)
Comments
Post a Comment