html - Fuzzy text in CSS animation -


I'm working on some new animation css3, but I have problems with the Focus everything is fine until the animation off then the text is fuzzy: getting looks better to explain it with screenshots (impact damage):

here is the code: animation code:

  @keyframespow {0% {width: 80px; Consequently, scale (1.000, 1.000); Webkit-Conversion: Scale (1.000, 1.000); -MOZ-Transform: scale (1.000, 1.000); -o-results: scale (1.000, 1.000); -mms-conversion: scale (1.000, 1.000); } 80% {width: 410px; Consequently: scale (1.110, 1.110); -Widk-conversion: scale (1.110, 1.110); -moz-transforms: scale (1.110, 1.110); -o-results: scale (1.110, 1.110); -MMS-Transcam: Scale (1.110, 1.110); } 100% {width: 400px; Conversion: Scale (1.100, 1.100); -Widk-conversion: scale (1.100, 1.100); -moz-transmans: scale (1.00, 1.00); -o-conversion: scale (1.100, 1.100); -mms-conversion: scale (1.100, 1.100); }}  

and CSS:

  #panel {max-width: 50%; Text-wrapped: unrestricted; } # Panel ul {list-style-type: none; Text-wrapped: unrestricted; } #panels & gt; UL & gt; Lee {Text-wrap: unrestricted; Width: 100px; Height: 100 pixels; Hidden flurry; Border: 2px solid # FFD58A; Range radius: 100px; Background color: RGBA (242, 204, 155, 1); } #panels & gt; UL & gt; Ltd. a {text-decoration: none; Color: # 000000; } #panels & gt; UL & gt; Le P {text-decoration: none; Align text: left; Margin: 8 px 45 px px 110px; Font-size: 0.8 AM; } #PINAL ULL IMG {Float: left; Width: 100px; Height: 100 pixels; } #panels & gt; UL & gt; Li: Hover {margin: 0 px 10 px 0 px 0 px; Webkit-Animation: Pau 1S Linear 1; -MOZ Animation: POW 1S Linear 1; Animation-Fill-Mode: Forward; Animation-period: 4.3 s; Animation-repetition-count: 0.9; Webkit-animation-filled-mode: forward; -webkit-animation-duration: 1.3 s; Webkit-animation-iteration-count: 0.9; } #panels & gt; UL & gt; Le & gt; UL {float: left; Exposure: Inline-flex; } #panels & gt; UL & gt; Le & gt; UL & gt; Li {margin: 0 px 9 px 0 px 2 px; Padding: 0 px 5 px 0 px 5 px; }  

add-webkit-font-smoothing: antialiage; The element comes from Fizzy's default behavior in its animating webkit, which is changing font size from sub-pixels to standard antialiasing during any transition or animation.


Comments

Popular posts from this blog

import - Python ImportError: No module named wmi -

Editing Python Class in Shell and SQLAlchemy -

c# - MySQL Parameterized Select Query joining tables issue -