6646-帮你保持对任务的专注的一个小片段
帮你保持对任务的专注的一个小片段
插件ID:6646-%E5%B8%AE%E4%BD%A0%E4%BF%9D%E6%8C%81%E5%AF%B9%E4%BB%BB%E5%8A%A1%E7%9A%84%E4%B8%93%E6%B3%A8%E7%9A%84%E4%B8%80%E4%B8%AA%E5%B0%8F%E7%89%87%E6%AE%B5
6646-%E5%B8%AE%E4%BD%A0%E4%BF%9D%E6%8C%81%E5%AF%B9%E4%BB%BB%E5%8A%A1%E7%9A%84%E4%B8%93%E6%B3%A8%E7%9A%84%E4%B8%80%E4%B8%AA%E5%B0%8F%E7%89%87%E6%AE%B5
6646 %E5%B8%AE%E4%BD%A0%E4%BF%9D%E6%8C%81%E5%AF%B9%E4%BB%BB%E5%8A%A1%E7%9A%84%E4%B8%93%E6%B3%A8%E7%9A%84%E4%B8%80%E4%B8%AA%E5%B0%8F%E7%89%87%E6%AE%B5:帮你保持对任务的专注的一个小片段
帮你保持对任务的专注的一个小片段
本文档由 PKMer 论坛导入
- 作者: Moy
- 原始链接: 帮你保持对任务的专注的一个小片段
说明
这是一个非常简单的 CSS Snippet,作用是:让处于注释中的任务清单变得模糊。
它看起来就像是这样:

你需要做的就是,把一部分(暂时不需要在意的)任务放进两个 %% 行中间,让它们成为注释。
然后应用这个 CSS 片段:
/* 注释中的任务 */
.HyperMD-list-line:not(.cm-active) .cm-comment,
.HyperMD-task-line:not(.cm-active) .cm-comment {
opacity: 0.3;
filter: blur(2px);
&:hover{
opacity: 1.0;
filter: none;
}
}
在你聚焦的时候,他们会显示出原始文本。

讨论
若阁下有独到的见解或新颖的想法,诚邀您在文章下方留言,与大家共同探讨。