diff options
| author | BigCoke233 <hi@guhub.cn> | 2020-04-03 10:40:09 +0800 |
|---|---|---|
| committer | BigCoke233 <hi@guhub.cn> | 2020-04-03 10:40:09 +0800 |
| commit | 70963c72d91488db68d9fb92478772b32cec4dc4 (patch) | |
| tree | 017046f1e52126aea33f2a56d0280f49a367a057 /assets/css/main/comment.css | |
| parent | 27692329c05b15f89acc994f90830e517b2a3992 (diff) | |
:dizzy: Add: 评论发送时的加载动画
Diffstat (limited to 'assets/css/main/comment.css')
| -rw-r--r-- | assets/css/main/comment.css | 15 |
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 |
