数据大屏项目开发中,为了让页面更生动,或增加一些特效,这里我们使用css来实现从左到右的扫光效果。
html
<div class="body_center_top_list_item">
<div class="xg"...
yekong
2年前 (2023-05-18)
喜欢
最近在做数据可视化大屏的时候,有一个项目里面有很多线条,并且线条是倾斜的,想通过css的方式来实现,rotateZ,但是这种旋转有一个问题,是以div的中心点为旋转中心的,我希望是以div左上角为中心点,所以需要调整一下。
transform: rotateZ(10deg);
...
yekong
2年前 (2023-03-28)
喜欢
在数据可视化大屏 项目中,经常会遇到下图这样的底座,一直在想如何实现让他旋转的动画呢?今天看到一个数据可视化大屏案例,学到了,通过css3就可以完成。
html
<div class="cicle3">
</div>
css
.c...
yekong
2年前 (2023-02-19)
喜欢
在很多项目中我们需要在div上增加一层蒙版,但是又不想这层蒙版影响我们的点击实现,又或者需要在地图前面加一些内容,但又不想让这些内容影响我们点击地图,这时候需要css实现穿透点击。
pointer-events 属性用于设置元素是否对鼠标事件做出反应。
pointer-event...
yekong
2年前 (2023-01-30)
喜欢
visibility属性所控制的元素虽然不在浏览器里面显示出来,但他在浏览区里是存在的,只是不显示而已
隐藏元素
visibility:hidden
显示元素
visibility:visible
visibility属性
visibility:visible 元素可见,默认...
yekong
2年前 (2023-01-30)
喜欢
当我们需要将网页置灰的时候,可以通过css代码实现
body, html {
filter: grayscale(100%)!important;
-webkit-filter: grayscale(95%)!important;
-moz-filter:...
yekong
2年前 (2022-12-01)
喜欢
vue项目开发时,要求如果有平方字体就使用平方字体,没有平方字体就使用微软雅黑字体。记录一下设置方式
font-family: PingFangSC, sans-serif, MicrosoftYaHei;
...
yekong
2年前 (2022-10-10)
喜欢
css要实现从上到下颜色渐变的遮罩,从深色逐渐变为浅色。
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0) 100%);
...
yekong
2年前 (2022-10-08)
喜欢
css文字颜色渐变
color: #2AA7D3;
-webkit-background-clip: text;
background-image: -webkit-linear-gradient(bottom, #719ee4, #fff);
...
yekong
2年前 (2022-09-30)
喜欢
html css输入框 disabled 样式文本颜色修改
input[disabled], input:disabled, input.disabled {
color: #000;
-webkit-text-fill-color: #000;
-webkit-op...
yekong
2年前 (2022-09-11)
喜欢