rgba

首页 > TAG信息列表 > rgba

scrollbar.css

/* 根据实际需求，可以不要。 */ body { overflow-y: scroll; } ::-webkit-scrollbar { /*滚动条整体样式*/ width: 6px; /*高宽分别对应横竖滚动条的尺寸*/ height: 6px; } /*定义滚动条轨道内阴影+圆角*/ ::-webkit-scrollbar-track { border-radius: 10px; background

vue2 登录页面跳转包括token部分 $router部分

js文件内 import request from "@/utils/request"; export function login(data) { return request({ url: "/auth/login", method: "post", data, }); } 登录 vue <template> <div class="login-page page"

微信小程序开发水印设置

方法来自:http://t.zoukankan.com/lhl66-p-12917217.html 1.在根目录创建components文件夹在components下创建 watermark 文件夹再在其下面创建page 得到 watermark.js watermark.json watermark.wxml watermark.wxss; 使用规则在相关页面的json配置文件下配置 usingCompone

动画标签 HTML CSS JavaScript

动画标签 HTML CSS JavaScript 动画标签 HTML CSS JavaScript 免费下载 HTML： <link rel="样式表" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" 完整性="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQ

Vue+zxing实现扫二维码、条形码功能

HTML、CSS 和 JavaScript 在线文本到语音转换

HTML、CSS 和 JavaScript 在线文本到语音转换 HTML： <main> <h1 class="title">文字转语音</h1> <div class="text-section"> <p class="text-input">输入文字</p> <textarea name="" id="text

简单的Css动画---方块攀爬

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d

如何使用 CSS 和 HTML 创建 Glassmorphism 效果

如何使用 CSS 和 HTML 创建 Glassmorphism 效果 Glassmorphism 效果在现代网页设计中越来越流行 Glasmorphism 是一个有点新的功能，它一直在流行，并且经常在新设计的网站上受到青睐，以赋予网站全新的独特外观。它在诸如此类的服务上越来越受欢迎行为和运球 . 它使您网站的元素能够

echarts-散点图-vue3-内阴影

以上为效果图但是有一个问题是，一开始需要定义位置和颜色数组，当数据量过多的时候会重叠而且要提前声明很多数据后面我决定用关系图来做了，先放上散点图代码供参考 function initReport(sdata) { const myChart0 = echarts.init(main0.value); const offsetData = [

rgba转化为未调整的16进制

根据之前的讲解也就是这篇：https://www.cnblogs.com/heibaiqi/p/16612375.html，了解到16进制和rgba的关系，但是我碰到rgba转化为未调整的16进制时，居然搜不到，就一个简简单单的转化为啥非要变成6位的16进制呢？不同程序员需要的都不一样居然没有人出，网上大部分的版本是这样： // rgba转1

16进制和rgba之间的联系

对于大部分前端用户这两个内容咱们都了解，rgba 最后的a设置透明度，但是通过16进制设置透明度咱们并不是常用，但是不影响设置，比如网易云的红色为：#E20000 如果不用rbga咱们之前的写法为： <div className={'color'} style={{backgroundColor: '#E20000',opacity: '0.2'}}> <span>文

通过 css3 自定义、修改滚动条的样式

::-webkit-scrollbar { width: 4px !important; background-color: #012d58 !important; border-radius: 4px !important; } ::-webkit-scrollbar-thumb { border-radius: 4px !important; background-image: linear-gra

博客园定制皮肤收集内容1

花了一点时间修改自己的博客背景设置，现在分享一下代码。希望对大家有帮助。主要代码模板来源于另外三个博主原博主的连接：(1)https://www.cnblogs.com/Penn000/p/6947472.html。 (2)https://www.cnblogs.com/Tangent-1231/p/10393759.html。 (3)https://www.cnblogs.com/znzpeng/p/

css渐变 linear-gradient、repeating-linear-gradient

css渐变 linear-gradient、repeating-linear-gradient 定义 CSS linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片。 linear-gradient() 本质：是图片，函数创建的是过渡颜色的图片， linear-gradient(angle | to <side-or-corner> ,<color> [ <color-stop-lengt

css设置滚动条样式

//横向滚动条 .rongyuChoose { overflow-x: scroll; } .rongyuChoose::-webkit-scrollbar { /*滚动条整体样式*/ width: 100px; /*高宽分别对应横竖滚动条的尺寸*/ height: 6px; } .rongyuChoose::-webkit-scrollbar-thumb { /

Qt - 设置QWidget透明度方法

Qt 中设置窗体(QWidget)透明度的几种方法 1. 设置窗体的背景色在构造函数里添加代码，需要添加头文件qpalette或qgui QPalette pal = palette(); pal.setColor(QPalette::Background, QColor(0x00,0xff,0x00,0x00)); setPalette(pal); 通过设置窗体的背景色来实现，将背景色设置

博客园样式1 备份准备更换样式继续美化备份1

即使前方的路看似绝境，也要有硬生生给自己开出一条路的勇气即使前方的路看似绝境，也要有硬生生给自己开出一条路的勇气页面定制css代码 #home { margin: 0 auto; width: 80%;/*原始65*/ min-width: 980px;/*页面顶部的宽度*/ backgrou

css 如何修改滚动条样式

默认滚动条样式如下：那如何修改呢？如下代码： <div class="inner"> <div class="innerbox"> <p style="height:200px;">这是内容111</p> <p style="height:400px;">这里是内容222</p> <p&g

CSS：设置透明度

1、opcity 2、rgba（）例：　　 <style> body{ background-color: rgba(215, 187, 187, 0.5); opacity: 0.5; } </style> html效果：

跳动的心脏

《打火机与公主裙》-跳动的心脏女主真是一个大神仙，看着C语言的书（水仙花数……），学习怎么用前端语言做出特效，这是内置了一个代码转换器吗？注：主要涉及绘制心脏、虚线格背景等问题音乐嵌入一直都是一个难以解决的问题，想要添加自动播放、循环且隐藏不可见的背景音如果可以加一些心跳

滚动条样式

在全局设置一个类名，谁用谁加这个类名 .specialScrollBar{ // /滚动条样式/ ::-webkit-scrollbar {///滚动条整体样式/ width: 100%; ///高宽分别对应横竖滚动条的尺寸/ height: 10px; } ::-webkit-scrollbar-thumb {///滚动条里面小方块/ border-radius: 5p

纯CSS 毛玻璃效果

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第23天，点击查看活动详情本文简介点赞 + 关注 + 收藏 = 学会了在我年轻时做过的开发中，毛玻璃应用得最广是在复杂的背景图上。如果你希望在一个复杂的背景上添加文字，文字能清晰展示，并尽可能的保留原背景的话，使用

【前端面试】（七）如何用纯CSS绘制三角形

视频链接：如何用纯CSS绘制三角形 - Web前端工程师面试题讲解首先先看一下例子： 1.html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <

canvas - 使用getImageData()方法获取canvas的每一个像素点的rgba值。以及如何提取该像素点的rgba值。

1.canvas宽度高度与像素点的关系 canvas的画布是一个矩形，它的宽度 * 高度就是它的像素点数。它是下面这样的栅格： x轴左边是0，y轴上面是0。它的宽度表示它x轴有多少列像素点；它的高度表示它y轴有多少行像素点。所以canvas画布的宽度乘以高度就是这个canvas画布所有的像素点个数。 2.

查漏补缺——说说background-image属性