给博客评论框添加一个简单的滑动背景图
圆弧派博客 - 专注于网络技术
CSS

给博客评论框添加一个简单的滑动背景图

青帝
2024-03-18 / 0 评论 / 80 阅读 / 正在检测是否收录...
纯css实现,代码各个主题都是通用的,这里以Joe主题为例

效果:

360截图20240317180456301.jpg

css代码:

.joe_comment__respond-form .body{padding:15px;background:url(https://www.iarc.top/usr/uploads/2024/03/1257364055.png);background-position:right;background-repeat:no-repeat;resize:none;}.joe_comment__respond-form .body:hover{background-position-x:4000px;transition:ease-in-out 2s;}

.joe_comment__respond-form .body 就是评论框主题,可以直接在前端按F12查看自己主题的是哪个组
图片:
ltvcwens.png
最好自己保存下来,以防失效。

评论 (0)

语录
取消