📚 Css 优秀demo

410 阅读1分钟
原文链接: yueduxunzhi.com

说明

本站内容为 :

仅供学习使用。如若侵权,请及时联系 445220716@qq.com


其中 css 揭秘,笔记风格如下:

标题

第一步,发布挑战:

TIP

描述挑战的内容,即要实现的效果

效果

第二步,基于 vuepress 的 Component 生成的例子。在 .vuepress/component 目录下。


接着一般会给出 css 揭秘官方 DEMO

DEMO

思路

第四步,根据例子会给出核心思路,如下:

  • 透明颜色可使用 rgbahsla

  • 通过 background-clip 修改背景裁剪位置,默认是 border-box

border: 10px solid hsla(0, 0%, 100%, 0.5);
background-clip: padding-box;

随书相关链接

规范

工具

预编译

博客