Home > Developer > Web Develop
How CSS implements image gray and primary color switching:
recommendation : As far as possible handwriting code, can effectively improve the learning efficiency and depth.
Some web site effect is more gorgeous, that is, when the mouse on the picture, the picture may have gray and the original color switch. Here's a brief look at how to achieve this.
code example:
<!DOCTYPE HTML><HTML><Head><MetaCharSet= "Utf-8"><Metaname= "Author"content= "http://www.softwhy.com/" /><title>Ant Tribe</title><styletype= "Text/css">a img{Border:0px;Filter:Gray; }a:hover img{Border:0px;Filter: } </style> </Head> <Body> <ahref="#"><imgsrc= "Mytest/demo/yinying.jpg"></a> </Body> </HTML>
The above code is simple, that is, the filter property collection hyperlink Pseudo-class implemented together. Unfortunately, the Filter property is supported only by IE browser.
The original address is: http://www.softwhy.com/forum.php?mod=viewthread&tid=4691
For more information, refer to: http://www.softwhy.com/divcss/
How CSS implements gray and original color transitions for images
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
