{"Message":"完善动画效果","MessageType":2,"Modules":[{"State":1,"Type":3,"Name":"MasterPCPage/FGC_母版页"},{"State":2,"Type":24,"Name":"MasterPages/FGC_页面模板文件夹"},{"State":2,"Type":3,"Name":"MasterPCPage/FGC_页面模板_母版页"},{"State":1,"Type":9,"Name":"Theme"},{"State":1,"Type":12,"Name":"CustomLibrary"},{"State":1,"Type":40,"Name":"Plugin"},{"State":3,"Type":6,"Name":"Pages/首页"},{"State":3,"Type":1,"Name":"PCPage/首页"},{"State":3,"Type":1,"Name":"PCPage/AI动画页面"},{"State":3,"Type":1,"Name":"PCPage/对话页面"},{"State":3,"Type":31,"Name":"UserControlPage/输入框"},{"State":3,"Type":38,"Name":"Image/发送.svg"}],"Version":"v1"}

This commit is contained in:
SHAMUSPC\NINGMEI
2024-04-18 22:51:23 +08:00
parent cd34e5a2c3
commit d318fdf035
16 changed files with 1318 additions and 1292 deletions

View File

@@ -93,3 +93,47 @@
.toolbar .menuContainer > ul > li > ul li:first-child > a {
border-radius: 3px 3px 0 0;
}
/* 定义淡入动画 */
@keyframes fadeIn {
from {
opacity: 0; /* 开始时元素完全透明 */
}
to {
opacity: 1; /* 结束时元素完全不透明 */
}
}
/* 应用淡入动画的CSS类 */
.fade-in {
opacity: 0; /* 初始状态为不可见 */
animation-name: fadeIn; /* 使用定义的fadeIn动画 */
animation-duration: 3s; /* 动画持续时间为2秒 */
animation-fill-mode: forwards; /* 动画完成后保持最后一帧的样式 */
}
.animation-delay-1{
animation-delay: 1s;
}
.animation-delay-2{
animation-delay: 3s;
}
.animation-delay-3{
animation-delay: 3s;
}
.max-height-150{
max-height: 140px;
overflow: auto !important;
}
/* 淡入淡出*/
.fade-effect {
transition: opacity 1s ease, transform 1s ease;
opacity: 1;
transform: translateY(0);
}
.hidden {
opacity: 0;
transform: translateY(20px); /* 向下移动20像素 */
}