[易于在科皮管] 8 个纸张背景,如笔记本和信件,仅使用 CSS 即可轻松完成

在创建 WEB 设计时,是否要使用背景(如背面有边框的笔记本)?

如果你想自己实现它,并调整基线时,字符膨胀,质地,气氛,这是很难清醒的。

所以这一次,这是与科皮普一次性的。
我介绍了论文背景,如笔记和字母,只有CSS可以很容易地实现。

请尽量将其纳入网站。它肯定更容易阅读!

注意 风纸 CSS

查看笔
阿曼达·威廉森的笔记本纸 (@amwill)
在 CodePen 上。


注意风纸 CSS2

查看笔
马克·马利甘 (@MarcMalignan)
在 CodePen 上。


注意 风纸 CSS3

查看笔
CSS笔记本纸由杰西·库奇 (@designcouch)
在 CodePen 上。


打开折叠纸张的字母样式动画 CSS

查看笔
CSS3 纸折叠由杰西·威尔斯 (@jessenwells)
在 CodePen 上。


CSS 在翻滚中提升纸张

查看笔
纯CSS纸张提升效果由马丁·沃尔夫(@martinwolf)
在 CodePen 上。

像纸之间的卡片一样影响 CSS

查看笔
CSS3 纸边效应,费利克斯·施瓦泽 (@slimsmearlapp)
在 CodePen 上。

翻转中的 CSS 弯曲纸

查看笔
折纸CSS3动画由瓦迪姆·赫尔曼(@Vaddo)
在 CodePen 上。

普通纸状CSS像一个字母

查看笔
CSS堆叠纸效果由迈克尔·马丁·斯穆克 (@mlms13)
在 CodePen 上。