Commit bcbc1998 authored by chenshouchao's avatar chenshouchao

feat: 项目列表怎加弹出动画

parent 20d2dedc
...@@ -31,6 +31,7 @@ ...@@ -31,6 +31,7 @@
color: #1370ff; color: #1370ff;
background-color: #fff; background-color: #fff;
box-shadow: 2px 4px 12px 0px rgba(0, 27, 63, 0.06); box-shadow: 2px 4px 12px 0px rgba(0, 27, 63, 0.06);
position: relative;
} }
.border { .border {
width: 1px; width: 1px;
......
...@@ -12,6 +12,8 @@ ...@@ -12,6 +12,8 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
border-left: 1px solid #dde1e6; border-left: 1px solid #dde1e6;
animation: myfirst 0.4s;
-webkit-animation: myfirst 0.4s; /* Safari and Chrome */
} }
.searchBox { .searchBox {
...@@ -119,3 +121,21 @@ ...@@ -119,3 +121,21 @@
line-height: 20px; line-height: 20px;
font-size: 12px; font-size: 12px;
} }
@keyframes myfirst {
from {
width: 0;
}
to {
width: 260px;
}
}
@-webkit-keyframes myfirst /* Safari and Chrome */ {
from {
width: 0;
}
to {
width: 260px;
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment