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

分享 / 0 / 1 / 创建于 11年前

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

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

教程地址

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

mask

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

这里是 HTML 代码, Link;

Remote. Open. Engineer.

课程读者 739 声望

工程师 @ Yousails

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

《L01 基础入门》

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

《G01 Go 实战入门》

从零开始带你一步步开发一个 Go 博客项目，让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。

推荐文章：

更多推荐...

价值千万的诊所saas项目正式开源 14 / 26 |

Dcat-Plus-Admin：dcat-admin框架的超级增强版，开发效率提升200%！ 18 / 17 |

用 Laravel12 Startkit 做了一个 composer 私有包托管平台 😂 点赞超过 20 个开源，看看需要的人多不多 29 / 21 |

如何打造令后端面试官印象深刻的简历？ 16 / 10 |

基于WebRTC实现音视频通话 10 / 13 |

花了四个月打磨的 Laravel Plus 开源 35 / 104 |

讨论数量: 1

Summer

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

教程地址 404

11年前评论

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

帮助

739 声望

工程师 @ Yousails

纠错改进

成为赞助商