国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術(shù)文章
文章詳情頁

css3 - 根據(jù)效果,分析一下該動(dòng)態(tài)是如何實(shí)現(xiàn)的?

瀏覽:200日期:2023-07-05 08:59:11

問題描述

網(wǎng)站地址是 http://ideaware.co/ ,實(shí)際效果在第五頁。

截圖如下css3 - 根據(jù)效果,分析一下該動(dòng)態(tài)是如何實(shí)現(xiàn)的?

求助鼠標(biāo)放上去時(shí)顏色變化是如何實(shí)現(xiàn)的呢。

問題解答

回答1:

謝邀,看別人實(shí)現(xiàn)效果,css的話比較好查看。打開chrome去查看元素,看它的樣式是受什么css控制的。css3 - 根據(jù)效果,分析一下該動(dòng)態(tài)是如何實(shí)現(xiàn)的?

回答2:

.icon { filter: url(data:image/svg+xml;utf8,<svg xmlns=’http://www.w3.org/2000/svg’><filter id=… 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0’/></filter></svg>#grayscale); filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}回答3:

/* line 943, ../src/css/_layout.scss */section#clients .clientLogo span img { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-transition: -webkit-filter 0.8s; -moz-transition: -moz-filter 0.8s; -o-transition: -o-filter 0.8s; transition: filter 0.8s; margin: 0 auto; max-height: 45px; max-width: 200px;}/* line 957, ../src/css/_layout.scss */section#clients .clientLogo span:hover img { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%);}

查看源css

標(biāo)簽: CSS
主站蜘蛛池模板: 国产欧美一区二区三区精品 | 欧美在线观看一区二区 | 国产精品国产三级在线高清观看 | 免费三级网址 | 国产亚洲一区二区精品 | 高清国产一区 | 日本美女黄网站 | 久久久这里只有精品免费 | 中文国产成人精品久久久 | 亚洲国产天堂久久九九九 | 欧美a区| 国产萌白酱在线一区二区 | 黄色一级片a | 综合久久久久久中文字幕 | 国产一级毛片在线 | 亚洲情a成黄在线观看 | 中国成人在线视频 | 爱爱爱久久久久久久 | 国产精品免费一区二区三区四区 | 亚洲成成品网站有线 | 一区二区三区视频在线 | 日本高清视频一区二区 | 99在线视频免费 | 欧美日韩一区二区视频免费看 | 香蕉视频国产精品 | chinese农村野战videos | 国产专区在线 | 91精品国产91热久久p | 亚洲欧美网 | 国产成人cao在线 | 网红主播大尺度精品福利视频 | 免费毛片全部不收费的 | 亚洲欧美日韩精品在线 | 久久亚洲国产视频 | 欧美精品aaa久久久影院 | 高清国产精品久久久久 | 一级片免费的 | 91精品全国免费观看 | 亚洲高清中文字幕一区二区三区 | 最新69成人精品毛片 | 成人18在线视频播放 |