文字上下滚动"/>
vue文字上下滚动
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>vue文字滚动</title><style>
div, ul, li, span, img {margin: 0;padding: 0;display: flex;box-sizing: border-box;
}
.marquee {width: 100%;height: 50px;align-items: center;color: #3A3A3A;background-color: #ffe4ca;display: flex;box-sizing: border-box;
}.marquee_title {padding: 0 20px;height: 30px;font-size: 14px;border-right: 1px solid #fff;align-items: center;
}.marquee_box {display: block;position: relative;width: 60%;height: 30px;overflow: hidden;
}.marquee_list {display: block;position: absolute;top: 0;left: 0;
}
.marquee_top {transition: all 0.5s;margin-top: -30px
}.marquee_list li {height: 30px;line-height: 30px;font-size: 14px;padding-left: 20px;
}.marquee_list更多推荐
vue文字上下滚动
发布评论