评论框右侧添加卡通人物

美化方法

在主题根目录下找到 style.css 文件，在合适位置加入如下代码；

将 url(xxx) 其中链接修改为自己的素材图片地址。

CSS

/* 评论框卡通人物开始 */
textarea#comment {
    background-color:transparent;
    background:linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.05)),url(https://www.facekun.com/2022/09/2022091113192241.png) right 10px bottom 10px no-repeat;
    -moz-transition:ease-in-out 0.45s;
    -webkit-transition:ease-in-out 0.45s;
    -o-transition:ease-in-out 0.45s;
    -ms-transition:ease-in-out 0.45s;
    transition:ease-in-out 0.45s;
}
textarea#comment:focus {
    background-position-y:789px;
    -moz-transition:ease-in-out 0.45s;
    -webkit-transition:ease-in-out 0.45s;
    -o-transition:ease-in-out 0.45s;
    -ms-transition:ease-in-out 0.45s;
    transition:ease-in-out 0.45s;
}
/* 评论框卡通人物结束 */