现代 CSS 的高级图片渐隐消失技术
作者: chokcoco创建于 2022年12月5日更新于 2025年6月20日
标签动画原理技巧CSS HoudiniBackgroundCSS Variable文字效果图片效果
@property --m-0 { syntax: ""; initial-value: 1; inherits: false; } div { width: 300px; height: 300px; background: url(image.jpg); mask: linear-gradient(90deg, rgba(0, 0, 0, var(--m-0)), rgba(0, 0, 0, var(--m-0))); transition: --m-0 0.5s; } div:hover { --m-0: 0; }
内容来源: chokcoco/iCSS