vue3 数据可视化大屏项目开发过程中,需要设置多个背景图,但是设置完成后发现背景图重复了。
多个背景图
background-image: url('./assets/searchbgleft.png'),
url('./assets/searchbg.png'),
url(...
yekong
1年前 (2023-07-19)
喜欢
效果截图
效果动画
要在CSS中实现PNG图片的动态切换效果,你可以使用CSS动画和背景图像切换的技术。下面是一种常见的实现方法:
HTML结构:
<div class="image-container"></div>
CSS样式...
yekong
1年前 (2023-07-10)
喜欢
要实现文字自上而下的颜色渐变效果,可以使用 CSS 的背景渐变(background gradient)和文本渐变(text gradient)的组合。以下是一个示例代码,展示了如何实现文字的自上而下颜色渐变效果:
<div class="gradient-tex...
yekong
2年前 (2023-06-29)
喜欢
要通过CSS设置输入框(input)的占位符(placeholder)文本的颜色,可以使用::placeholder伪元素选择器。这样你可以指定占位符文本的颜色。
以下是一个示例,展示如何使用CSS设置输入框占位符文本的颜色:
input::placeholder {
col...
yekong
2年前 (2023-06-28)
喜欢
网页开发中,因为篇幅问题,需要显示两行文本,超出的部分就隐藏了。这里将实现代码记录下来。
关键代码
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-...
yekong
2年前 (2023-06-17)
喜欢
习惯了使用vue脚手架开发项目,突然使用普通的html来写页面有一些不习惯,在开发普通的html项目用,客户要求适配小屏幕,所以这里要把以前的px改为rem的写法。
vue脚手架项目中时使用的postcss-pxtorem,但是普通的html中并没有这些,所以需要手动来写。
首先...
yekong
2年前 (2023-05-27)
喜欢
vue项目开发中,为了让项目看起来更活泼,会给对应的组件增加一些动画,今天我们通过css实现上下轻微来回晃动效果。
效果
代码
<template>
<div class="cardBody" ref="body"...
yekong
2年前 (2023-05-24)
喜欢
vue项目开发中,为了让项目看起来更活泼,会给对应的组件增加一些动画,今天我们通过css实现左下角右上角来回晃动效果。
效果
代码
<template>
<div class="cardBody" ref="body&quo...
yekong
2年前 (2023-05-24)
喜欢
vue项目开发中,为了让项目看起来更活泼,会给对应的组件增加一些动画,今天我们通过css实现轻微倾斜晃动效果。
效果
代码
<template>
<div class="cardBody" ref="body"&g...
yekong
2年前 (2023-05-24)
喜欢
vue项目开发中,为了让项目看起来更活泼,会给对应的组件增加一些动画,今天我们通过css来实现轻微左右晃动的效果。
效果
代码
<template>
<div class="cardBody" ref="body"...
yekong
2年前 (2023-05-24)
喜欢