【凡哥教程第十五讲作业】制作文本阴影（文本阴影和使用元素背景渲染文本）

花简静

凡哥教程第十五讲作业： 请使用静图或动图做元素的背景， 令背景图像仅渲染在文本上，并让文本投射在偏右一点点的后方。

凡哥教程第十五讲——文本阴影及渲染

花简静

@凡哥 报告老师，今天的作业已完成。。辛苦老师瞧一眼对不对

花简静

<style> .qsfg15 {     padding: 60px;     font: bold 3em sans-serif;     color: transparent;     background: url('https://pic.imgdb.cn/item/65a3730c871b83018ab23f7a.gif') repeat;     background-clip: text;     --webkit-background-clip: text;     filter: drop-shadow(20px -50px 2px #666); } </style> <div class="qsfg15">     凡哥教程第十五讲——文本阴影及渲染 </div>

花简静

<style> .qsfg15 {     padding: 60px;     font: bold 3em sans-serif;     color: transparent; /* 前景色设置为透明 */     background: url('https://pic.imgdb.cn/item/65a3730c871b83018ab23f7a.gif') repeat;     background-clip: text; /* 将背景图像剪裁按文本剪裁 */     --webkit-background-clip: text; /* 兼容chromium内核 ＜ 120 */     /* 若需要文本阴影应使用 filter 实现，因为 text-shadow 会入侵透明的前景色 */     filter: drop-shadow(20px -50px 2px #666);/*（右20，上50，宽2 黑色）*/ } </style>   <div class="qsfg15">     凡哥教程第十五讲——文本阴影及渲染 </div></div>

清梦

好漂亮的作业，静静我就像个白痴一样欣赏着你的精彩，自己无从下手完成作业

花简静

清梦 发表于 2024-8-4 09:30
好漂亮的作业，静静我就像个白痴一样欣赏着你的精彩，自己无从下手完成作业 ...

光看我不行，哈哈，亲爱的清梦，你看教程去

墨洛

好看好看 就是眼睛受不了

花简静

墨洛 发表于 2024-8-4 09:53
好看好看 就是眼睛受不了

墨洛来支持啦，开心开心。。。。。
背景图太花，吵眼睛，可以换个静态的~~

令狐冲

哇，静静
这个眼花缭乱
密集恐惧。。。

扬帆

问好花简静友友，版主效率真高，祝周末愉快