CSS filter 白色文案透明底图片 转换 任意颜色文字图片
生活随笔
收集整理的這篇文章主要介紹了
CSS filter 白色文案透明底图片 转换 任意颜色文字图片
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
<!-- 白色文案透明底圖片 轉(zhuǎn)換 任意顏色文字圖片 -->
<!--
1. 我們使用想轉(zhuǎn)換的圖片放入img內(nèi)
2. 先用filter把他轉(zhuǎn)換為白色 CSS filter濾鏡任意色值轉(zhuǎn)換工具地址:https://www.zhangxinxu.com/sp/filter.html
3. 當(dāng)鼠標(biāo)劃入時 展示原圖 取消filter屬性
補(bǔ)充:有余顏色轉(zhuǎn)白色最為簡單,所以不建議圖片為白色然后轉(zhuǎn)換其他顏色操作,圖片應(yīng)當(dāng)是想轉(zhuǎn)換的顏色,然后用代碼更改操作
--><style type="text/css">body{background-color: #000000;}img{filter: invert(100%) sepia(79%) saturate(1524%) hue-rotate( 199deg) brightness(99.8155%) contrast(327%);}img:hover{filter: none;}</style><img src="透明底純白色文字.jpg" alt="">
總結(jié)
以上是生活随笔為你收集整理的CSS filter 白色文案透明底图片 转换 任意颜色文字图片的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Windows10进行还原恢复电脑系统配
- 下一篇: CSS实现横或竖的分隔线分界线