[CSS Tricks] 实现 Mask 效果的产品宣传页面 (No JavaScript)

分享 / 2589 / 1 / 创建于 9年前

只用 CSS 实现 Mask 效果的产品宣传页面

之前（大约半年前吧）在网上看到这个教程的，当时就觉得特别赞, 现在都忘了在哪看到的了，不过还是把它分享出来，因为真的是用纯 CSS 代码实现超级实用的效果，对于我这种 CSS 入门选手来说这简直太厉害了；

教程地址

我们还是先来看看效果~~

mask

这里是实现的方案 CSS 代码，Link；

这里是 HTML 代码, Link;

Remote. Open. Engineer.

课程读者 739 声望

工程师 @ Yousails

不定时会有一些远程技术工作需求合作，可关注微博

《L04 微信小程序从零到发布》

从小程序个人账户申请开始，带你一步步进行开发一个微信小程序，直到提交微信控制台上线发布。

《L03 构架 API 服务器》

你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程，JWT 概念及使用和 API 开发相关的进阶知识。

推荐文章：

更多推荐...

dcat-admin多应用后台高效实现免密登陆其它后台 20 / 10 |

[求职]在郑州工作4年的程序媛的简历优化 14 / 179 |

工作小锦囊系列——如何实现一个车辆预定功能（下） 13 / 15 |

冯老师的困惑——测试和正式环境掐架篇（一） 16 / 23 |

简单对比一下DcatAdmin和filament的各自优缺点 30 / 35 |

面试 POPER 的后端开发工程师的离奇经历 35 / 104 |

讨论数量: 1

Summer

站长 11.3k 声望 / 维护者 @ LearnKu.com

教程地址 404

9年前评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

739 声望

工程师 @ Yousails

纠错改进

成为赞助商