该网站是一个以动画效果展示热门话题的网站。
简介
这个网站使用了一些特定的CSS样式和JavaScript代码来创建一个动态的热议话题展示区域。用户可以在这个区域中看到各种不同的话题,每个话题都有一个图标和标题。通过改变透明度和位置,实现了动画效果。
CSS样式
.embed-hot-issue
{
background: #fff;
position: absolute;
}
.embed-hot-issue-item {
position: absolute;
display: flex;
align-items: center;
height: 28px;
line-height: 28px;
color: #303133;
background-color: #fff;
border-radius: 14px;
margin: 6px 0;
padding: 0 8px 0 4px;
box-sizing: border-box;
min-width: 80px;
max-width: 45vw;
opacity: 0;
transform: translateY(-20px);
transition: all 1s ease;
z-index: -1;
cursor: pointer;
}
.embed-hot-issue-item .embed-hot-issue-icon {
flex: none;
width: 20px;