|
|
@@ -512,14 +512,12 @@
|
|
|
width: 20rem;
|
|
|
height: 20rem;
|
|
|
position: relative;
|
|
|
- top: 15rem;
|
|
|
- left: 15rem;
|
|
|
display: none;
|
|
|
opacity: 1;
|
|
|
}
|
|
|
.show_box .show_item.add_animation_item{
|
|
|
display: block;
|
|
|
- animation: hiddenAvatarItem 0.8s linear 2.3s forwards
|
|
|
+ animation: showItem 0.4s linear forwards,hiddenAvatarItem 0.8s linear 2.7s forwards
|
|
|
}
|
|
|
.show_box .show_item .avatar_box{
|
|
|
width: 20rem;
|
|
|
@@ -535,7 +533,7 @@
|
|
|
align-items: center;
|
|
|
}
|
|
|
.show_box .show_item.add_animation_item .avatar_box{
|
|
|
- animation: showAvatarItem 0.3s linear 2s forwards;
|
|
|
+ animation: showAvatarItem 0.3s linear 2.4s forwards;
|
|
|
}
|
|
|
.show_box .show_item .avatar_box .avatar{
|
|
|
width: 20rem;
|
|
|
@@ -555,14 +553,14 @@
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
.show_box .show_item.add_animation_item .info_box{
|
|
|
- animation: hiddenItem 0.3s linear 2s forwards;
|
|
|
+ animation: hiddenItem 0.3s linear 2.4s forwards;
|
|
|
}
|
|
|
.show_box .show_item.show_img_item .info_box{
|
|
|
top: -175rem;
|
|
|
left: -15rem;
|
|
|
}
|
|
|
.show_box .show_item.show_img_item.add_animation_item .info_box{
|
|
|
- animation: hiddenImgItem 0.3s linear 2s forwards;
|
|
|
+ animation: hiddenImgItem 0.3s linear 2.4s forwards;
|
|
|
}
|
|
|
|
|
|
@keyframes showItem {
|
|
|
@@ -663,7 +661,7 @@
|
|
|
text-overflow: ellipsis;
|
|
|
display: -webkit-box;
|
|
|
-webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 5;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
.send_btn {
|
