鍍金池/ 問答/HTML/ Vue 官網(wǎng)灰色變彩色效果如何實現(xiàn)？

Vue 官網(wǎng)灰色變彩色效果如何實現(xiàn)？

Vue 官網(wǎng)

打開之后，頁面向下滾動，當(dāng)滾動到“中國區(qū)特別贊助商”區(qū)域時，這部分會由灰色變成彩色，請問這種效果如何實現(xiàn)？

回答
編輯回答
純妹

css樣式控制的,沒有滾動到的時候
#sponsors img {

transition: all 0.3s ease;
filter: grayscale(100%);
opacity: 0.66;

}
滾動到之后
#sponsors.active img {

filter: none;
opacity: 1;

}

2018年5月31日 09:37
編輯回答
焚音

只能說 要善于利用f12

2017年9月21日 01:03
編輯回答
懶洋洋

拍腦袋一想，猜測是CSS3 transition效果實現(xiàn)的

2018年6月27日 16:12
編輯回答
命多硬

監(jiān)聽滾動事件 添加active class
圖片描述

灰色樣式：
圖片描述

active樣式：
圖片描述

2017年4月8日 02:25
編輯回答
蔚藍色

要善于使用 option+command+i

2018年8月22日 21:43