帮你保持对任务的专注的一个小片段

帮你保持对任务的专注的一个小片段

本文档由 PKMer 论坛导入


说明

这是一个非常简单的 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;
    }
}

在你聚焦的时候,他们会显示出原始文本。

帮你保持对任务的专注的一个小片段--说明

讨论

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



反馈交流

其他渠道

版权声明
pkmer forum 论坛相关