A detailed introduction to anti-aliasing

This article mainly introduces the font smoothing and anti-aliasing rendering in CSS3, which has a certain reference value, the small partners of interest can refer to it. While watching the official Drupal theme, found an interesting non-standard CSS selector-webkit-font-smoothing, and then play with a few. How do I use the CSS3 font to smooth the display? You should know that the Web-based anti-aliasing of fonts in CSS has been considered, such as Font-smooth, but may be due to different operating systems and browser kernel to the font rendering differences, in short, he was not selected into the Internet standard. But WebKit still retains a set of its own non-standard selectors to support anti-aliasing to make the font display smoother. -webkit-font-smoothing There are a few three properties: 1, none: No antialiasing 2, subpixel-antialiased (default): Sub-pixel smoothing is common in Mac OS and Mactype for WINDOWS3, Antialiased: Grayscale

1. Detailed examples of font smoothing and anti-aliasing rendering in CSS3

Introduction: This article mainly introduces the font smoothing and anti-aliasing rendering in CSS3, it has certain reference value, the small partners of interest can refer to it.

2. Font smoothing and anti-aliasing rendering in CSS3

Introduction: While watching the official Drupal theme, found an interesting non-standard CSS selector-webkit-font-smoothing, so get started playing with a. How do I use CSS3 fonts to smooth the display?

3. Ask a CSS question, how to achieve the small font can also anti-aliasing ah? Like the Dell Web site is completely no-serrated _html/css_web-itnose

Introduction: Ask a CSS question, how to achieve small font can also anti-aliasing ah? Like the Dell website is completely jagged

4. CSS anti-aliasing Font-smoothing_html/css_web-itnose

Introduction: CSS anti-aliasing font-smoothing

5. How to use the PHP GD library to draw an anti-aliased coarse slash

Introduction: How to use the PHP GD library to draw an anti-aliasing slash? title, the fill chart with polygon drawing is jagged. The Imageantialias function is not valid. ------Solution--------------------Bitmap aliasing is inevitable imageantialias anti-aliasing is useful, and you can compare the effect he turns on and off if you're on Imageantialias The effect is not satisfactory (after all, GD is not professional

6. How does PHP improve the quality of uploaded images, no aliasing

Introduction: How does PHP improve the quality of uploaded images without aliasing? Title, in the face of fussy designers, said uploading pictures have jagged (PS: I don't quite see!). =) can you tell me how to improve the picture quality when uploading pictures, no aliasing? ------Solution--------------------Try to enable antialiasing (Imageantialias) but you zoom in on the bitmap, the loss of precision is inevitable.

7. How to use the PHP GD library to draw an anti-aliased coarse slash

Introduction: How to use the PHP GD library to draw an anti-aliasing slash? title, the fill chart with polygon drawing is jagged. The Imageantialias function is not valid. ------Solution--------------------Bitmap aliasing is inevitable imageantialias anti-aliasing is useful, and you can compare the effect he turns on and off if you're on Imageantialias The effect is not satisfactory (after all, GD is not professional

8. JavaScript Smooth animation implementation principle _javascript Tips

Summary: The browser is currently non-aliased (not necessarily in the future), so that changes in the appearance of DOM elements are limited to 1 pixels for best results.

9. Pure CSS generate anti-aliasing code _ Experience Exchange

Summary: Pure CSS generates anti-aliasing code for rounded corners

"Related question and answer recommendation":

Linux-webstorm Anti-aliasing issues

Javascript-canves How to do anti-aliasing?

javascript-ubantu15.10 three.js picture box appears jagged, anti-aliasing has been opened, how to solve

Html5-canvas Slash how to do anti-aliasing?