summaryrefslogtreecommitdiffstats
path: root/assets/css/main/comment.css
diff options
context:
space:
mode:
authorBigCoke233 <hi@guhub.cn>2020-04-03 10:40:09 +0800
committerBigCoke233 <hi@guhub.cn>2020-04-03 10:40:09 +0800
commit70963c72d91488db68d9fb92478772b32cec4dc4 (patch)
tree017046f1e52126aea33f2a56d0280f49a367a057 /assets/css/main/comment.css
parent27692329c05b15f89acc994f90830e517b2a3992 (diff)
:dizzy: Add: 评论发送时的加载动画
Diffstat (limited to 'assets/css/main/comment.css')
-rw-r--r--assets/css/main/comment.css15
1 files changed, 14 insertions, 1 deletions
diff --git a/assets/css/main/comment.css b/assets/css/main/comment.css
index e5fff71..a8a7c5b 100644
--- a/assets/css/main/comment.css
+++ b/assets/css/main/comment.css
@@ -189,7 +189,7 @@
.comment-textarea {
width: 100%;
border: none;
- max-width: 100%;
+ max-width: 100%
}
.comment-input input {
display: block;
@@ -289,4 +289,17 @@
animation: fadein;
animation-duration: 0.3s;
-webkit-animation: fadein 0.3s;
+}
+
+/* 发送评论时评论框样式 */
+.comment-form {
+ transition: opacity .2s;
+}
+.comment-sending {
+ opacity: 0.6;
+}
+.comment-sending textarea {
+ background: url('/usr/themes/Miracles/images/loading/bilibili.gif') no-repeat;
+ background-position: center center;
+ background-size: cover
} \ No newline at end of file