将博客全站变为黑白色的 CSS 代码(哀悼用)

为了哀悼亲人朋友,或者是重大灾害哀悼同胞,我们就需要将全站变为黑白色。之前用的主题有这个功能,现在用的主题没了这个功能。不用怕,我们只要在 html 标签上加上如下 css 代码即可实现此功能。 [crayon-5bef51b4d59e2777872674/] 其实就是采用一些不同浏览器的滤镜。就是…

CSS Writing Mode 现状

出处:https://www.zhihu.com/question/20874144/answer/17767923 目前 W3C 关于竖排文本的排版规范统一在「CSS Writing Modes Module Level 3**」中。 主要有以下几个属性: 一、「writing-mode」设置文字…

CSS 多行文本溢出省略显示

文本溢出我们经常用到的应该就是text-overflow:ellipsis了,相信大家也很熟悉,但是对于多行文本的溢出处理确接触的不是很多,最近在公司群里面有同事问到,并且自己也遇到过这个问题,所以专门研究过这个问题。 首先我们回顾一下以前实现单行缩略是可以通过下面的代码实现的(部分浏览器需要设置宽…

CSS 实现鼠标悬停弹出微信二维码

我在建设自己的 WordPress 个人网站的过程中,用到了 Kratos 主题。这个主题清新美观,有很多我喜欢的元素,但是有些个人需求还是需要在这个模板上做个人客制化。 比如二维码的展示,可以在页尾或者悬浮工具条上展示自己的公众号或者网站联系人信息。原来的主题是放在了右下角控件中,而且鼠标悬停到微…