51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

WordPress在文章加点隐藏内容

哈哈哈,这个代码是我从一个网站偷来的,目的是...(学习交流)! WordPress在文章加点隐藏内容-WordPress极简博客

给大家看看这个代码的功能吧~

实例代码:

我发现,你是个大帅比!!!

具体有什么用,夏柔也不清楚,不过好玩就对了!

你可以放一些提取码,或者提示信息,甚至是一些秘密。。。(我不看)

因为那个站长也是放一些秘密的,给大家看看夏柔想到例子:

夏柔的秘密日记:(你猜猜是不是真的)

今天我喜欢上一个女生,但我不好意思用明文发出来,就用模糊来代表我的心声了吧!!!

如果你翻过去这个秘密日记,你就当没看到过,但你看了,你就给我抱守住秘密!!!

那个女生今天穿的黑色吊带裙,搭配黑色高跟鞋...嘶!!!!

下次遇到她一定管她要个微信!!!

...以下省略千字

当然了,如果你不想一条一条的点,那就看看这条:实现也很简单,单纯css就可以了

今天我喜欢上一个女生,但我不好意思用明文发出来,就用模糊来代表我的心声了吧!!!
如果你翻过去这个秘密日记,你就当没看到过,但你看了,你就给我抱守住秘密!!!
那个女生今天穿的黑色吊带裙,搭配黑色高跟鞋...嘶!!!!
下次遇到她一定管她要个微信!!!
...以下省略千字


废话不多说,上教学!

教程开始:

首先来到 后台 => 外观 => 自定义 => 额外CSS 如图: WordPress在文章加点隐藏内容-WordPress极简博客

将以下CSS代码加进去:

.wponss {
    text-decoration: none;
    transition: filter 150ms ease-in-out;
    transition-delay: 500ms;
    filter: blur(4px);
        }
.wponss:hover {filter: blur(0);
transition-delay: 0ms; /*WPon UI MImi MiWen*/
        }

然后当你在文章里添加密文的时候,直接在前后加上 <wponss>这里是密文...</wponss> 即可。

好了,转载请注明来源,谢谢!

赞(0)
未经允许不得转载:工具盒子 » WordPress在文章加点隐藏内容