linear-gradient

微信小程序wxss动态变量的写法

wxss支持变量wxmlwxss.bar-left{/*width:100rpx;*/width:var(--width--);background-image:linear-gradient(toright
@¥@%·2020-08-18 21:05

CSS3之渐变、过度、2D转换、3D转换技巧总结

渐变线性渐变linear-gradient指沿着某条直线朝一个方向产生的渐变效果。
Mr丶D·2020-08-18 19:47

CSS生成方格背景

生成方格背景div{width:600px;height:600px;background-color:#00CCCC;background-size:100px100px;background-image:linear-gradient
s1124yy·2020-08-18 02:30

CSS几个重要的属性

1、圆角border-radius2、阴影box-shadow3、@media媒体查询4、Gradient（渐变）属性linear-gradient（toright,#333,#fff）5、background-size
柴火棒_·2020-08-18 01:25

优惠券的镂空效果

一个优惠券的镂空效果：HTMLGhostMiceHomeTour3rdMarch2017Bloomington,IndianaPrice$30BUYTICKETCSSbody{background-image:linear-gradient
马优晨·2020-08-18 00:18

css3实现方块气泡效果

曾经在看过京东的登录注册界面是动态效果的，审查元素发现是动态图，现在可以尝试手动制作一个登录注册动态背景图，代码如下：基础练习1*{margin:0px;padding:0px;}#bubble{background:linear-gradient
Endeavor_No1·2020-08-17 19:58

CSS样式小技巧

文章目录1.设置一个元素的边框和轮廓2.使用标签的次序3.设置margin值4.box-shadow(阴影)5.设置框中溢出的文字为省略号6.渐变（Gradients）（1）线性渐变（linear-gradient
闵农·2020-08-17 18:08

CSS中一些渐变效果与透明

最近在帮公司做网站时，用到了比较多的渐变效果和透明作用，linear-gradient等，现记录下来。毕竟少用，易忘呀。
weixin_30460489·2020-08-17 15:33

如何实现div只有四个角有边框

css3可以用background实现，如下：.test{width:100px;height:100px;background:linear-gradient(toleft,#f00,#f00)lefttopno-repeat
qq_25019531·2020-08-17 13:06

CSS3实现类mac风格的文件夹打开效果

主要使用linear-gradient、border-radius、box-shadows实现绘图，使用transform、transition实现动画。
iteye_20659·2020-08-17 07:09

9.14学习笔记

线性渐变(linear-gradient)tips:注意渐变是以背景图的形式存在的,不能用background-color兼容情况：IE10+background:linear-gradient(red
weixin_30763455·2020-08-16 15:23

CSS画三角形的两种方法

第一种*/div:first-child{width:100px;height:100px;/*如果前后两个颜色的渐变的开始点一样的话，那么在这个位置上就会形成一条明确的分界线*/background:linear-gradient
ArthurHsing·2020-08-16 14:46

使用html+css做出水球效果

*{margin:0;padding:0;}body{height:100vh;background:linear-gradient(rgb(95,95,250),10%,rgb(3,3,110));}
Glinty·2020-08-15 13:09

5.html&css实验5. 颜色、字体、文本格式化和盒模型的样式定义

40px;background:radial-gradient(80px80pxat20px40px,white,blue)}#test2{border-radius:40px;background:linear-gradient
清楼小刘·2020-08-15 07:52

几个开关效果的CSS实现

重点在于使用觉少代码完成此效果，网上可搜到更多酷炫效果，但代码实现较为复杂，大家可以空闲时间研习；效果图：代码付下：几个开关效果的CSS实现html,body{height:100%;}body{background:linear-gradient
hitris·2020-08-15 07:41

linear-gradient

linear-gradient语法:-浏览器前缀-linear-gradient(方向(可选),颜色结点1,颜色结点2,颜色结点3,…)*浏览器前缀-webkit-o-moz不加浏览器前缀则需在方向前加
阿波罗吹雪·2020-08-14 23:03

HTML/CSS实现切角矩形效果

display:block;width:90%;min-height:230px;margin:0auto40px;padding:010px80px;background:#fff;background:linear-gradient
楚念悠·2020-08-14 23:37

Js-动态边框

:center;align-items:center;}.demo{width:550px;height:200px;position:relative;margin:50px;background:linear-gradient
keyuzhang·2020-08-14 17:18

百度前端课堂笔记3

、渐变:linear-gradient(to渐变的方向,开始的颜色,结尾的颜色)渐变可以在中途选择其他的点background-repeat背景
唐宋元明清其·2020-08-14 09:32

原生js写出滑动拼图小游戏

需要按住想要移动的块把它拖拽到想要移动的地方即可html文件Document请将图片拖放此处重新选择准备css/*html{background:#58a;background-image:linear-gradient
多看点书·2020-08-14 04:13

css给文字加下划线

语法：linear-gradient(direction,color-stop1,color-stop2,……）简单用法：background-image:linear-gradient(red,transparent
lceBear·2020-08-13 20:27

【css】转盘游戏实现

样式部分单个扇形实现：利用border-radius和linear-gradient来渐变。
业火之理·2020-08-11 19:59

css3渐变 两边透明中间高亮

颜色自己可以调节如图：采集器管理下面的那条线就是css代码：.linear{width:100%;height:2px;background:linear-gradient(toright,rgba(0,0,0,0
qq_20777797·2020-08-10 10:17

砌墙记录

以下记录的是我自己遇到的一些问题和我自己的解决办法，如果有什么地方写错了，或者是理解有误，再或者…，总之就是如有错误，请批评指正，谢谢大家~背景色渐变：api；background-image:linear-gradient
闪黑·2020-08-10 08:36

许愿墙

许愿墙*{margin:0;padding:0;}html{height:100%;background:linear-gradient(0deg,rgb(171,212,238),deepskyblue
baoca8923·2020-08-10 06:30

js实现微信聊天界面

margin:0;padding:0;}body{margin:0;padding:0;}.box{margin:100pxauto;height:900px;width:1200px;background:linear-gradient
·2020-08-09 15:38

寒假13

美化元素.x{color:#5C9815;}.y{color:#f26522;}div{margin:0pxauto;width:600px;background:linear-gradient(tobottom
憶yǐ·2020-08-09 01:39

CSS之background属性使用（渐变、背景图的选择修改、图片边框）

线性渐变：div{width:300px;height:300px;background:linear-gradient(toleft,red,blue);//图1}background:linear-gradient
我就是DaLing呀！·2020-08-09 01:07

点击编辑文字个文字保存

//点击编辑文字和文字保存demo下面是css样式和结构布局*{padding:0;margin:0;}body{background:linear-gradient(#A1E6E90%,#fff100%
weixin_30244681·2020-08-08 23:11

css线性渐变

（应用于背景）线性渐变：向下/向上/向左/向右/对角方向使用规则：background:linear-gradient(direction,color-stop1,color-stop2,…);使用角度时
花途Jasmine·2020-08-08 22:58

CSS：linear-gradient()背景颜色渐变

原文链接：https://www.cnblogs.com/liangdecha/p/9797124.htmlcss语法：background:linear-gradient(direction,color-stop1
祥云大姐姐·2020-08-08 16:30

通过CSS实现 文字渐变色 的两种方式

解释方式一效果图代码span{background:linear-gradient(toright,red,blue);-webkit-background-clip:text;color:transparent
ayiewu460246·2020-08-08 14:39

02 Applied Visual Design【FCC】

AppliedVisualDesign:CreateaGradualCSSLinearGradientGeneralsyntax:background:linear-gradient(gradient_direction
Gloria_m666·2020-08-08 12:43

HTML5音频可视化频谱跳动代码

canvas来写HTML5音频可视化频谱跳动代码将代码在此做一总结：HTML5音频可视化频谱跳动代码*{margin:0;padding:0;}#canvas{display:block;background:linear-gradient
ddr66288·2020-08-07 13:23

html动画部分

鼠标悬浮动画效果，实现一个国庆的倒计时：看下效果：标题.cl1{width:1000px;background:linear-gradient(#393663,#AB90B1);}div{margin:
忌酒c·2020-08-05 15:51

nui-app头部自定义导航栏

30upx0;}.tit{font-size:34upx;font-weight:bold;}.index{flex:1;flex-direction:column;background-image:linear-gradient
小白耶·2020-08-05 01:54

（原创）个人博客园页面的自定义设计

/*-------------------------body--------------------------------------*/body{color:#000;background:linear-gradient
weixin_34391445·2020-08-04 20:56

纯 canvas 实现漂亮的仪表盘

oninput是变了就触发，onchange是变了且失去焦点才触发canvas{background:linear-gradient(20deg,rgba(255,152,0,0.5)0,rgba(255,87,34,0.9
糖豆S·2020-08-04 11:30

学习别人前端vue项目时所遇到的css问题（未完）

/右边缘-如果溢出元素的内容区域的话：border-radius属性border-radius:25px;作用给div元素添加圆角的边框li:first-child{background-image:linear-gradient
Ryan.Zhang·2020-08-04 07:19

css实现二维码扫码框

我们一般在打开相机的时候有个扫描框，然后静态二维码有时候为了聚焦和利于扫描也会加一个框框，下面介绍一下如何通过css来实现一个框框实现效果:代码如下:html:css:.img-box{background:linear-gradient
weixin_34376562·2020-08-04 05:33

css背景颜色之颜色渐变

颜色渐变（这是background的一个属性）background:linear-gradient(方向，开始颜色位置，颜色2位置，颜色3位置……)沿着某条直线朝一个方向产生渐变效果参数设置方向参数设置的是线性渐变的方向取值可以取
从来都不是我·2020-08-03 23:46

前端----纯css3实现二维码扫描特效

在线预览https://jsrun.pro/AafKp/embed...如果本文对你有用，对博主小额打赏，以资鼓励，分享更多有用的技能先看效果：第一步，实现网格背景：background-image:linear-gradient
土狗的想法·2020-08-03 22:40

CSS揭秘：5.条纹背景（下）

回忆一下之前的效果水平条纹background:linear-gradient(#fb333%,#58a0,#58a66%,yellowgreen0);background-size:100%60px;
Eighteen Z·2020-08-03 19:18

CSS background-blend-mode 属性

}div{width:290px;height:69px;background-size:290px69px;background-repeat:no-repeat;background-image:linear-gradient
南城夏季·2020-08-03 07:57

线性渐变background: linear-gradient()

线性渐变background:linear-gradient(参数1,参数2,参数3)，url();424线性渐变/*使用之前得设置宽高，-webkit-linear-gradient(参数1,参数2,
110susie·2020-08-03 03:43

css背景渐变色linear-gradient函数简介与示例demo

css背景渐变色linear-gradient（）1、默认使用2、改变渐变方向3、改变渐变角度不设置角度时45度时90度时1、默认使用linear-gradient()：函数用于创建一个线性渐变的“图像
云端的幻影·2020-08-02 14:06

CSS3 linear-gradient线性渐变实现虚线等简单实用图形

一、作为图片存在的CSS3gradient渐变我觉得CSS3Backgrounds比较厉害的一个地方就是支持多背景，也就是背景图片个数可以无限累加，正好CSS3的gradient渐变性质是background-image，于是，我们可以实现任意数量渐变背景图的叠加效果。甚至，理论上，任意彩色jpg图片都是可以使用CSS3渐变背景实现的。这种特性和box-shadow类似，参见“CSS3box-sh
weixin_30611509·2020-08-02 14:39

两个简单原生js小案例(点击弹出图层 + 全屏弹幕效果)

height:100%;overflow:hidden;}.btn{position:fixed;top:100px;left:150px;width:100px;height:30px;background:linear-gradient
crazy的蓝色梦想·2020-08-02 13:33

CSS3 线性渐变色(linear-gradient)

{width:1000px;height:100px;border:1pxsolid#000;margin:5pxauto;}/*线性渐变色*/div:nth-child(1){background:linear-gradient
houyanhua1·2020-08-02 13:45

CSS3 线性渐变 linear-gradient的使用 使用角度加透明度设置渐变

最近做页面的时候用到了线性渐变,linear-gradient现在来总结一下用法回顾记录一下为一个元素设置渐变很简单#grad{background:linear-gradient(red,yellow
拿我格子衫来·2020-08-02 13:57
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他