官网地址
iconfont
搜索自己需要的图标 将图标添加到我们的购物车中 图标选择完成后添加到项目中 进入我们的项目 下载字体
这里字体下载到本地,避免使用线上,避免因为网络或者线上项目被删除导致图标无法正常显示 解压
图标解压到出来后,复制到项目中 图标复制到项目... 8个月前 (11-06) 喜欢
数据大屏项目开发中,突然有个警告
Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. 这个警告说的是 Sass 中一个即将发生的重大变更。具体来... 2年前 (2024-10-24) 喜欢
数据可视化大屏项目开发中,会遇到ui设计图中文字是渐变色加阴影的效果。
ui设计图效果如下 css实现
我们通过蓝湖生成的css生成出来的样式效果,这和我们的预期差别太大了。 这里我们可以使用伪类来实现我们想要的效果
使用伪元素
通过使用伪元素 ::before 或 ::af... 2年前 (2024-09-01) 喜欢
数据可视化大屏项目中,我们为了适配大屏,我们需要将px转为rem但是我也会遇到特别的情况,比如只有部分页面需要转换,另外一部分页面不需要转换。
测试环境
vue3 vite js 和 vue2 webpack js
测试版本 "postcss": "... 2年前 (2024-07-26) 喜欢
object-fit: contain 属性是一种有效的 CSS 方法,可以避免图片在固定尺寸容器中变形。以下是关于 object-fit: contain 的主要特点和使用方法: 保持原始比例:
object-fit: contain 会保持图片的原始宽高比,不会对图片进行... 2年前 (2024-07-17) 喜欢
vue项目开发中,需要对div进行放大缩小处理,这里使用的是transform: scale(1.4641),但是放大后滚动条滚到顶部,仍然有一部分内容看不到。 解决办法
transform-origin 属性允许你改变元素变形的原点。默认情况下,这个原点是元素的中心,但你可以... 2年前 (2024-05-11) 喜欢
在网页设计中,动画是增强用户体验的有效手段之一。它们可以引导用户的注意力,提供视觉反馈,甚至让页面看起来更加生动有趣。CSS动画是实现这些效果的常用技术。然而,在某些情况下,我们可能希望用户能够控制动画的播放,例如,当用户鼠标悬停在动画元素上时,动画暂停,以便用户可以更好地观察动... 2年前 (2024-04-09) 喜欢
Autoprefixer是一个后处理程序,不象Sass以及Stylus之类的预处理器。它适用于普通的CSS,可以实现css3代码自动补全。也可以轻松跟Sass,LESS及Stylus集成,在CSS编译前或编译后运行。
css 代码:
a {
-webkit-border-radi... 2年前 (2024-04-05) 喜欢
Sass(包括Sass和Scss)和Less都是CSS预处理器,它们扩展了CSS的功能,允许开发者使用变量、混入(mixins)、函数等编程特性来编写样式,最终这些代码会被编译成普通的CSS文件。尽管Sass和Less在功能上有很多相似之处,但它们之间也存在一些差异: 编译环... 2年前 (2024-03-01) 喜欢
scrollbar-width: thin; 是CSS属性,用于控制滚动条的宽度。这个属性是CSS Scrollbars Module Level 1的一部分,主要被用于Firefox等支持的浏览器中。scrollbar-width属性接受两个关键字值:auto和thin。 a... 2年前 (2024-02-29) 喜欢