linear-gradient

CSS3渐变、文本效果及字体

一、渐变1.线性渐变LinearGradients—线性渐变颜色沿着一条直线过渡：从左到右、从右到左、从上到下等linear-gradient(position,color1,color2,…)position
甜甜的夹心雯~·2024-01-27 11:54

斜线背景样式

//斜线背景.biasBg{background-color:rgba(7,16,24,1);background-image:linear-gradient(-45deg,rgba(233,242,251,0.3
奶昔不会射手·2024-01-26 18:17

文本智能匹配背景

文本智能匹配背景.banner{display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg
 勿忘初心·2024-01-26 02:43

【CSS】--渐变【背景、边框、文字】

一、基础知识1、linear-gradient()，函数用于创建一个表示两种或多种颜色线性渐变的图片。
树上有香蕉·2024-01-25 23:19

清晰易懂的了解CSS中的边框颜色渐变

清晰易懂的了解CSS中的边框颜色渐变使用边框颜色渐变之前，先简单了解一下两种渐变方式：线性渐变linear-gradient(方向,颜色1,颜色2,…,颜色n);径向渐变radial-gradient(
xiaoH_ing·2024-01-25 23:47

css实现右边边框分割线 渐变色，边框四角样式

分割线代码.data-item:first-of-type{border-right:2pxsolid;border-image:linear-gradient(totop,rgba(0,0,0,0.1
Yoga99·2024-01-25 23:47

❤css实用

实现这个效果有很多思路1、使用border-image使用css的border-image属性给border绘制复杂图样与background-image类似，我们可以在border中展示image和linear-gradient
林太白·2024-01-25 06:29

第10次修改了可删除可持久保存的前端html备忘录

上右下左*/padding:0000;/*文本颜色*/color:#fff;}body{background:#cfd1e1;/*文本缩进*/text-indent:5em;/*background:linear-gradient
与妖为邻·2024-01-24 07:47

好看的css样式:可以直接复制给备忘录用的

：button,input{line-height:35px;color:#fff;&a{color:#fff;text-shadow:2px2px1px#000;}background-image:linear-gradient
与妖为邻·2024-01-24 07:47

CSS 实现文字渐变色 实现文字倾斜

background属性设置渐变色代码two{background-image:linear-gradient(#dbfaf2,#44c9be);color:transparent;-webkit-background-clip
大可-·2024-01-23 11:43

CSS 实现三角形的技巧

目录1、使用border绘制三角形2、使用linear-gradient绘制三角形3、使用conic-gradient绘制三角形4、transform:rotate配合overflow:hidden绘制三角形
宝子向前冲·2024-01-21 16:25

css mask使用，背景透明，图片裁切

1语法mask:url(image.png);使用位图来做遮罩mask:url(image.svg#star);使用SVG图形中的形状来做遮罩mask:linear-gradient(#000,transparent
无心使然云中漫步·2024-01-20 10:35

html设置背景色逐渐变透明

如果要在HTML中实现背景色逐渐变透明的效果，你可以使用CSS的linear-gradient()函数结合RGBA颜色值来创建线性渐变。
MartinYangHJ·2024-01-19 16:51

PHP实现七天免登录（cookie）

一、登录页Documentbody{padding:0px;margin:0px;background-image:linear-gradient(toright,pink,paleturquoise)
知识冷不丁进了脑子·2024-01-18 23:42

css 边框渐变

最简单的当然是做一个内部是白色的边框是渐变色的图，然后使用background:url("back.jpg")，这样看起来就像是做了一个渐变的边框如果做不了图，可以做一个渐变的背景如何用白底把中间的覆盖掉{.box1{background:linear-gradient
weitao_11·2024-01-17 23:02

第三次修改了自学html做了自己要的账号密码记录器：新增窗口可以拖动，禁止除了账号的文本选中，美化了样式

JS可拖动模态框.a{background-color:rgba(44,220,0,0.5);background-image:linear-gradient(totopleft,rgba(0,0,0,0.2
与妖为邻·2024-01-17 11:18

主要修改弹窗窗口的样式

padding:0;margin:0;/*文字禁止选中*/user-select:none;/*盒子模型*/box-sizing:border-box;}.chakai{background-image:linear-gradient
与妖为邻·2024-01-17 11:18

【CSS3】渐变 阴影 遮罩

(替代图片),意义是创建一张图片gradient可以应用在所有接受图像的属性上1.1分类:线性渐变(linear-gradient)变化的方向是一条直线径向渐变(radial-gradient)变化的方向是从圆心向四周运动运动
【南汐】前端·2024-01-17 06:35

详解background（background-color background-clip background-image 渐变函数）[第一天]

backgroundbackground-colorbackground-clipbackground-imagebackground-repeat（平铺）background-position（背景位置）background-size（背景图大小）background-attachment（固定或滚动）渐变函数linear-gradient
PBitW·2024-01-16 14:41

【css】渐变效果

同时，因为渐变是由浏览器直接生成的，它在页面缩放时的效果比图片更好，因此你可以更加灵活、便捷的调整页面布型类型含义线性渐变linear-gradient指在一条直线上进行渐变径向渐变radial-gradient
【南汐】前端·2024-01-16 09:37

线性渐变linear-gradient——线性渐变实现虚线斜线条纹

1.效果图2.html3.css*{margin:0;padding:0;}.box{position:relative;width:100vw;height:300px;background-color:#fff;}.address-edit::before{position:absolute;right:0;bottom:0;left:0;height:2px;/*重复线性渐变20%表示渐变的
00秃头小宝贝·2024-01-14 19:57

通过CSS实现渐变色边框

通过CSS实现渐变色边框的几种方法：1.使用border-image实现渐变色边框，边框圆角.box{border-radius:16px;border:10pxsolid;border-image:linear-gradient
程序员-小许·2024-01-13 23:35

vue2实现自定义音乐播放器

Document*{margin:0;padding:0;box-sizing:border-box;}.self_progress{background-image:linear-gradient(toright
上优·2024-01-13 17:12

CSS盒子模型——渐变问题（边框&背景）

目录一、边框渐变色1、采用border-image（linear-gradient）设置边框颜色渐变实例2、采用叠加方法设置边框颜色渐变实例3、采用单层元素、background-clip、background-origin
非早起选手·2024-01-13 16:09

css——文字实现渐变色的两种方案

color、background-image及background-clip实现文字颜色渐变文字实现渐变色的两种方案.title{color:transparent;background-image:linear-gradient
yeeeee!·2024-01-13 16:06

CSS渐变透明

示例如下：/*渐变轴为45度，从蓝色渐变到红色*/linear-gradient(45deg,blue,red);/*从右下到左上、从蓝色渐变到红色*/li
小马甲丫·2024-01-13 13:44

css 背景是个图片并且含有透明度的渐变色.超级简单。background相关属性就行了

//0.7是透明度background-image:linear-gradient(130deg,rgba(127,47,255,0.7)0%,rgba
夏天想·2024-01-13 06:13

CSS 如何实现文字渐变色 ？

CSS实现文字渐变色CSS实现文字渐变，有两种方法：1.background属性.text-gradient{background-image:linear-gradient(toright,orange
一个水瓶座程序猿.·2024-01-12 17:47

响应式Web开发项目教程（HTML5+CSS3+Bootstrap）第2版 例1-6 CSS3线性渐变

代码CSS3线性渐变.rainbow-linear-gradient{width:460px;height:160px;background-image:linear-gradient(toright,
m0_73657966·2024-01-12 17:25

css 怎么绘制一个带圆角的渐变色的边框

cover-wrapper{background:linear-gradient(310deg,#821ced,#e7166b);border-radius:16px;}.item-cover{border-rad
夏天想·2024-01-12 12:21

css样式：抄的背景渐变样式

background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0.1)77%,hsla(0,0%,100%,0));展示
加油小吃货·2024-01-12 06:19

用css给宽高不固定的矩形画对角线

.kong{width:200rpx;height:76rpx;background:linear-gradient(tobottomright,#E5E5E50%,rgba(0,0,0,0.1)calc
嘿，小苹果·2024-01-11 13:07

CSS3 线性渐变（linear-gradient）

CSS3Gradient分为linear-gradient（线性渐变）和radial-gradient（径向渐变）。而我们今天主要是针对线性渐变来剖析其具体的用法。
小A同学·2024-01-11 00:58

html按钮

line-height:50px;color:#ffffff;font-size:20px;border-radius:30px;text-align:center;background-image:linear-gradient
Despairsss·2024-01-10 14:15

css - 渐变样式实现（渐变边框 + 渐变背景）

.select{border-bottom:2pxsolid;/*下边框*/border-image:linear-gradient(90deg,rgba(250,173,20,0)0%,rgba(250,173,20,1
Fighting_p·2024-01-09 09:30

CSS实现条纹背景

实现方法：CSS线性渐变linear-gradient()函数用于创建一个表示两种或多种颜色线性渐变的图片。linear-gradient([[[|to],]?[,]+);:描述渐变线的起始点位置。
再见噜噜班·2024-01-09 05:10

CSS3渐变属性详解

在线性渐变过程中，起始颜色会沿着一条直线按顺序过渡到结束颜色语法：background:linear-gradient(渐变角度，开始颜色，结束颜色);渐变角度线性渐变的“渐变角度”取值有两种：一种是使用角度
AI-Ming·2024-01-08 11:18

css实现一个斑马条纹动画，实现一个理发店门口的小转转，进度条动画同理！

css实现一个斑马条纹动画，实现一个理发店门口的小转转前置基础知识css背景background的重复渐变属性repeating-linear-gradient()该属性类似于linear-gradient
给贝贝赚口粮·2024-01-07 00:38

web前端之css、style

前端之纯css实现的加载、steps、calcweb前端之纯css实现的加载、steps、calcstyle/*-------平滑加载-------*/.smooth_loading{background:linear-gradient
蒙尸凶MJ682517·2024-01-06 18:02

渐变边框的实现方式

利用border-image我们可以使用border-image和linear-gradient()实现渐变的边框。
z4d·2024-01-06 10:00

【CSS】渐变下划线

Document.title{color:#333;line-height:2;}.titlespan{background:linear-gradient(toright,#ec659c,#61c454
小秀_heo·2024-01-06 07:30

CSS 实现两个圆圈重叠部分颜色不同

直接看代码.circle_hight{width:120px;height:120px;background:linear-gradient(55deg,#26D7F4-11.23%,#5E8AFA41.65%
kelly0721·2024-01-06 07:51

CSS背景属性之颜色渐变

线性渐变1.有过渡色渐变：  background：linear-gradient(
汪叽家的兔子羡·2024-01-05 22:46

css 实现圆角渐变色效果

card-box-1,.card-box-2{margin-top:10px;border:1pxsolidtransparent;border-radius:12px;background-image:linear-gradient
少年的范儿·2024-01-05 04:31

探索css渐变-实现饼图-加载图-灯柱

文章目录linear-gradient()线性渐变radial-gradient()圆形渐变conic-gradient()锥形渐变锥形渐变实现加载动画渐变实现发廊灯柱css的渐变分为三种：线性渐变：linear-gradient
DCodes·2024-01-04 14:14

css中常见渐变样式的设置

border设置渐变色border-right:1pxsolid;border-image:linear-gradient(white,red,white)1101;css设置阴影（div投影颜色）box-shadow
初见_JS·2024-01-03 23:58

下划线动画效果

background:linear-gradient(toright,#ec695c,#61c454)no-repeatrightbottom;：创建一个从红色到绿色的线性渐变背景，从右
Bunny0212·2024-01-03 07:55

css边框颜色渐变

直接上代码看效果css写样式.center{width:100px;height:200px;border-right:2pxsolid;border-image:linear-gradient(180deg
见路不走!·2024-01-02 10:17

uniapp设置整个页面背景颜色渐变，设置单个页面背景颜色

....bg{position:fixed;top:0;left:0;right:0%;bottom:0;background:linear-gradient(tobottom,#FFE2E8,#F4F4F4
-Wack-·2024-01-02 06:57

HTML+CSS+JAVASCRIPT实战项目——新年快乐特效

生成动态视频2024新年快乐html,body{margin:0px;width:100%;height:100%;overflow:hidden;background:linear-gradient(
张謹礧·2023-12-31 16:32
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他