开发者社区

文档建议反馈控制台

腾讯云架构师技术同盟

文章/答案/技术大牛

发布

社区首页 >专栏 >给博客评论框添加一个简单的滑动背景图

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

原创

作者头像

圆弧

发布于 2025-01-31 20:09:58

发布于 2025-01-31 20:09:58

400

举报

纯css实现，代码各个主题都是通用的，这里以Joe主题为例

效果：

效果图

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查看自己主题的是哪个组

图片：

图片素材

最好自己保存下来，以防失效。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

#滑动背景图

评论

登录后参与评论

0 条评论

热度

最新

目录

效果：

css代码：