diff --git a/src/views/index.vue b/src/views/index.vue index 23df712..2e06f0c 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -155,13 +155,20 @@ export default { -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; + animation-duration: 3s; + animation-name: slidein; } - li:nth-child(5) { - position: absolute; - right: 0; + @keyframes slidein { + from { + width: 740px; } + to { + width: 180px; + } +} + li img { object-fit: cover; width: 100%;