2024-01-25 10:01:56
1025
824
在大屏可视化应用中，滚动动效（跑马灯效果）也是常见的一种数据展现方式，本章节针对字幕滚动和列表滚动效果做一个小小的总结，结合vue框架，从原生标签、css动画、javascript三个维度简单阐述以下文字及列表滚动动效的实现方案。..._滚动效果
2024-01-25 10:01:51
208
673
属性是一种伪类选择器，它可以用来在鼠标悬停在某个元素上时改变该元素或其子元素、同级元素、相邻元素的样式。属性可以应用于任何元素，不仅仅是链接。_css的hover属性
2024-01-25 10:01:51
238
155
CSS3DSprite精灵模型面向摄像机，场景缩放时，缩小放大跟随着，会被模型遮挡，可以被射线拾取。CSS3DRenderer用于通过CSS3的transform属性， 将层级的3D变换应用到DOM元素上。如果你希望不借助基于canvas的渲染来在你的网站上应用3D变换，那么这一渲染器十分有趣。同时，它也可以将DOM元素与WebGL的内容相结合。在添加标注前需要先给模型命名。_css3dsprite
2024-01-25 10:01:23
293
246
在响应式网页设计中，保持一致的宽高比，即所谓的长宽比，对于防止布局累积偏移至关重要。在 Chromium 88、Firefox 87 和 Safari Technology Preview 版本中推出了 aspect-ratio 属性，我们有了更直接的方法来实现这一目标。_css 等比例
2024-01-25 10:01:22
172
242
通过内联样式写css变量（可以调用js里面的变量），如何在style标签里面就可以使用css变量。这么写在 scss 是会编译报错的。建议写成第二种这种计算属性的方式，当值发生改变，也可以响应变化。直接在style标签里面使用v-bind绑定js里面的变量。会将双引号自动去掉，从而得到。，解决了编译失败的问题。_vue3setup中使用scss变量
2024-01-25 10:01:38
1017
818
.markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rgba(51, 51, 51, 1) }.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .ma..._vscode调试