diff --git a/src/views/index.vue b/src/views/index.vue index 0c0572f..d73231a 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -156,13 +156,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%;