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

This article mainly introduces the "Css control mouse hover picture highlighted code how to write" related knowledge, editor through the actual case to show you the operation process, the method of operation is simple and fast, practical, hope that this "Css control mouse hover picture highlighted code how to write" article can help you solve the problem.

Code:

Hover

Body {

Margin: 0

}

. img-wrap {

Width: 194px

Height: 108px

Float: left

Margin-left: 6px

Background: # e8e8e8

Border: 1px solid # e8e8e8

Overflow: hidden

Cursor: pointer

-webkit-transform-style: preserve-3d

Transform-style: preserve-3d

}

. img-wrap img {

Width: 100%

Height: 100%

Border: 0

-webkit-transition: all .5s ease-out .1s

Transition: all .5s ease-out .1s

}

. img-wrap:hover img {

-webkit-transform: matrix (1.04, 0re0, 0pr, 1.04, and 0)

-ms-transform: matrix (1.04, 0re0, 0pr, 1.04, and 0)

Transform: matrix (1.04j0p0re0pl 1.04p0p0p0p0)

-webkit-backface-visibility: hidden

Backface-visibility: hidden

}

This is the end of the content about "how to write the highlighted code for hover pictures of Css control mouse". Thank you for your reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

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.