数据大屏项目开发中,突然有个警告
Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
这个警告说的是 Sass 中一个即将发生的重大变更。具体来...
yekong
3周前 (09-18) 947℃
0喜欢
scrollbar-width: thin; 是CSS属性,用于控制滚动条的宽度。这个属性是CSS Scrollbars Module Level 1的一部分,主要被用于Firefox等支持的浏览器中。scrollbar-width属性接受两个关键字值:auto和thin。
a...
yekong
7个月前 (02-29) 380℃
0喜欢
在Sass中,你可以使用变量来控制滚动条的宽度和颜色。以下是如何定义和使用Sass变量来设置滚动条样式的示例:
// 定义变量
$scrollbar-horizontal-height: 6px;
$scrollbar-vertical-width: 6px;
$scrollba...
yekong
7个月前 (02-29) 228℃
0喜欢
CSS的z-index属性的最大层级是±2147483647。这意味着你可以将z-index设置为任何介于-2147483647和2147483647之间的整数。然而,实际上在大多数情况下,你可能不需要使用这么大的z-index值。在CSS代码库中,你通常会看到z-index值为...
yekong
10个月前 (11-29) 670℃
0喜欢
数据可视化大屏开发中,只是纯色的图标看起来会单调一些,所以设置一个从上到下的颜色渐变效果。
html
<i class="icon iconfont" :class="item.icon"></i>
css
.i...
yekong
1年前 (2023-09-13) 364℃
1喜欢
数据可视化大屏项目中,会给图标增加一些旋转动画效果作为装饰,今天通过css来实现一个旋转动画效果。
动画效果
<div class="icons">
<div class="iconBg"></di...
yekong
1年前 (2023-09-13) 411℃
0喜欢
数据可视化大屏 项目开发中,需要一个内部发光的效果,使用图片的话,在适配宽高的时候可能会变形,所以这里用css的内发光效果来实现效果。
效果截图
关键代码
.itemInfo {
position: relative;
width: 100%;
height: 10...
yekong
1年前 (2023-08-11) 664℃
0喜欢
倾斜的斑马线效果可以通过CSS中的linear-gradient和repeating-linear-gradient来实现。这里有一个例子:
body {
min-height: 100vh;
display: flex;
align-items: center;
...
yekong
1年前 (2023-08-01) 723℃
0喜欢
在项目开发过程中,一般背景图片使用一个背景图就可以了,但是在实际项目开发中,会遇到各种情况,比如同一个组件需要在不同的宽高下使用,这时候如果复用同一个背景图那么图片就会变形。
多背景图拼接
在之前的项目开发中,遇到这种情况会使用vue 实现安卓.9图片类似的效果九宫格图片,这种类...
yekong
1年前 (2023-07-29) 729℃
0喜欢
动态效果
你可以创建一个额外的 ::after 伪元素来放置背景图像,这样就可以在不影响 div 本身的情况下实现背景图的渲染。以下是一个示例:
.echartsBody {
position: relative;
width: 100%;
height: cal...
yekong
1年前 (2023-07-26) 789℃
0喜欢