文章果冻弹跳效果

在即将重构完成的子主题中,我们加入了全新的果冻弹跳特效,这是一个好看且支持用户自行选择生效区块的设置

图片[1]-文章果冻弹跳效果-初一小盏
果冻效果后台设置

如上图所示呢,我们可以看到功能开启以后是有新增按钮进行新增的,内容框是给予用户自行填写备注信息,以便记住自己所设置的区块

图片[2]-文章果冻弹跳效果-初一小盏

想必已经会有很多小伙伴疑问了🤔️,这个css该怎么填写,是需要我(用户)自行填写吗?

是的,你需要找到主题的区块css并将css头粘贴至css框内,填写好你的备注方便不需要时删除

下面我将给小白们讲解如何获取区块的css,如果你已经会了,那么你就可以在子主题里直接设置这个漂亮的特效了

如何正确的选择所需要的css头?

首先,我们F12打开自己网站的控制台,如何点击区块选取按钮,如下图所示:

图片[3]-文章果冻弹跳效果-初一小盏

右下角我所圈起来的部位,就是这个区块的css,这时我们点击他进行复制

图片[4]-文章果冻弹跳效果-初一小盏

然后将该内容粘贴至后台的css处保存刷新即可看到效果

教程内选择的文章区块已是默认预设内容,如果需要其他区块增加果冻效果请自行设置

© 版权声明
THE END
点赞1赞赏 分享
评论 共2条

请登录后发表评论