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

This article mainly introduces "css how to set the text zoom in and out effect when clicking". In daily operation, I believe many people have doubts about how to set the text zoom in and out effect when clicking on css. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful for you to answer the doubt of "how to set the text zoom in and out effect when clicking on css". Next, please follow the editor to study!

In css, you can use the ": active" selector and the "font-size" attribute to set the zoom in and out effect when the text is clicked. The syntax is "picture element: active {font-size: zoom in and out scale value;}".

The operating environment of this tutorial: windows7 system, CSS3&&HTML5 version, Dell G3 computer.

How to set the zoom in and out effect of text when clicked by css

In css, you can use the ": active" selector and the font-size property to set the size of the cornerstone text, the: active "selector to set the style when the mouse clicks on the element, and the font-size attribute to set the font size.

Let's take a look at how to zoom in and out by clicking on the text. The example is as follows:

Css sets the mouse click font to enlarge and shrink. Font-big:active {font-size:200%;}. Font-small:active {font-size:50%;} mouse click to enlarge and zoom out

Output result:

At this point, the study on "how to set the effect of text zooming in and out when clicking on css" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

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.