Shulou(Shulou.com)06/01 Report--

This article shares with you the content of sample analysis of CSS3 media queries and filter effects. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

Css3 Media query

Media query (Media Queries) is an extension of CSS3 to the media type (Media Type), which provides a rule that can be applied according to the user's display or device, such as the width of the window, the resolution of the screen, and the range of colors that can be displayed. It is a powerful tool for creating mobile Web applications so that we can provide adaptation solutions for a variety of mobile phones or mobile terminals.

For example, the media= "screen and (min-width: 600px) and (max-width: 800px)" matches screens with widths between 600 and 800 pixels.

Css3 filter effect

In early December 2011, the W3C released a new specification-filter effect (Filter Effect). This is an exciting new feature that we can use to create Photoshop-like effects in browsers. With the help of CSS3 filters, we can directly achieve the fascinating filter effects in Instagram and Path on the web. CSS3 filter not only provides common filters for adjusting hue, saturation, brightness, blackness and ambiguity, but also supports SVG, color matrix, light source and other features. This specification is so powerful that we have everything we need to achieve complex filter effects on a web page, and maybe we'll see Photoshop on the web side soon.

Thank you for reading! This is the end of this article on "sample Analysis of CSS3 Media query and filter effect". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it out for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.