这是一个基于Vue.js框架制作的网站。网站的主要设计元素包括一个名为”embed-hot-issue”的容器,其中包含了多个”embed-hot-issue-item”元素。每个”embed-hot-issue-item”元素都具有一些特定的样式属性和动画效果,以创建一种引人注目的视觉效果。
“embed-hot-issue-item”元素使用了CSS的flex布局,使其子元素能够在同一行显示。这些元素的高度固定为28px,并且背景色为#fff(白色)。它们的文字颜色为#303133(深灰色),背景色也是#fff,并且带有圆角边框。此外,它们还具有一定的外边距和内边距,并且会根据内容自动调整宽度。
每个”embed-hot-issue-item”元素内部还有一个名为”embed-hot-issue-icon”的子元素,它的宽度固定为20px,高度也固定为28px。这个图标的具体样式并未在素材中给出。
所有的”embed-hot-issue-item”元素默认都是隐藏的(opacity:0),并且在鼠标悬停时会向上移动(transform:translateY(-20px)),同时增加透明度(opacity:1)和过渡时间(transition:all 1s ease),以提供一个平滑的显示效果。当鼠标离开后,它们会再次变回隐藏状态。
该网站通过精心设计的交互效果和引人注目的视觉布局,试图吸引用户的注意力并传达某种信息或主题。