html - Skewed Text is getting blurred in Chrome -


i have skewed popup , text in quick view of products. not rendering correctly in chrome. tried translate 3d(0,0,0) , changes skew deg odd doesn't resolved problem. can please me this.

blurring minor issue while skewing making items smoother. if need make blurring gone, skew background div , leave foreground div untouched.

.background {    width: 300px;    height: 100px;    background: lightgrey;    position: absolute;    top: 60px;    -webkit-transform: skewy(-5deg);  }  .foreground {    width: 280px;    height: 100px;    position: absolute;    top: 60px;    padding: 10px;    text-align: center;  }  .dialog {    width: 300px;    margin: 0 auto;  }
<div class="dialog">    <div class="background">    </div>    <div class="foreground">      <p>here goes foreground text.</p>    </div>    </div>


Comments

Popular posts from this blog

python - Healpy: From Data to Healpix map -

c - Bitwise operation with (signed) enum value -

xslt - Unnest parent nodes by child node -