CSS/JS文本圖像蒙版

Question

哇，我真的可以用這個手。我有一些@ font-face文字，需要在懸停時使用圖像蒙版。

關狀態：

懸停狀態

你可以看到，有一個火的背景懸停文本，但僅在下，而不是整個項目。我試圖避免單個圖像翻轉，以便該效果可以應用於菜單中顯示的任何文本，但如果必須的話，我會採用固定圖像。

有沒有辦法實現這一點，而不需要每一個鏈接的照片？

Answer 1

不！從photoshop文件中提取非活動狀態和活動狀態的圖像，然後應用於css：hover！