国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-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毛片一级 | 久久精品三级视频 | 91精品自在拍精选久久 | 一级a性色生活片久久毛片 一级a做爰片欧欧美毛片4 | 国产成人微拍精品 | 亚洲大片 | 美女被男人cao的爽视频黄 | 欧美成人毛片一级在线 | 久久久久久精 | 韩国女主播青草在线观看 | 免费一区二区三区在线视频 | 香蕉网站狼人久久五月亭亭 | 精品久久久久久亚洲 | 九九视频精品全部免费播放 | avtt加勒比手机版天堂网 | 国产成人夜间影院在线观看 | 日本三级香港三级三级人!妇久 | 国产日韩欧美精品一区二区三区 | 久草中文在线观看 | 国产精品无打码在线播放9久 | 免费在线一区二区三区 | 在线免费观看一区二区三区 | www.91亚洲| 末成年娇小性色xxxxx | 欧美日韩性视频一区二区三区 | 日韩精品亚洲一级在线观看 | 中文字幕在线视频精品 | 欧美 自拍 丝袜 亚洲 | 亚洲精品一二三区-久久 | 欧美精品久久一区二区三区 | 亚欧色视频在线观看免费 | 久久精品亚洲 | 成年人黄色免费网站 | 国产看片视频 | 曰本毛片va看到爽不卡 | 亚洲国产成人va在线观看网址 | 理论片日韩 | 欧美一级毛片欧美一级 | 国产成人免费高清在线观看 | 2019偷偷狠狠的日日 | 亚洲成人xxx |