css - Perspective bug -


enter image description here

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

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - .htaccess mod_rewrite for dynamic url which has domain names -

Website Login Issue developed in magento -