渐变
关注
分享
扫一扫
礼礼。
这个作者很懒，什么都没留下…
展开
-
css制作鼠标移动前后的变化
鼠标前 鼠标后 body{ margin: 0; /*外边距*/ padding: 0; /*内边距*/ background-color: #000; /*背景颜色*/ } a{ position: absolute; /*绝对对位*/ top: 50%; /*距上部*/ left: 50%; transform: translate(-50%,-50%); /*移动，根据X,Y轴*/ width: 300px; /*宽*/ height: 100px; /*高*原创 2021-02-24 10:45:36 · 186 阅读 · 0 评论 -
svg放射性渐变——气球
svg放射性渐变 <?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg"> <de原创 2021-02-01 20:48:35 · 184 阅读 · 0 评论 -
svg线性渐变
<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg"> // 1 圆形 <cir.原创 2021-01-31 22:09:15 · 290 阅读 · 0 评论 -
渐变效果
此截图来自W3school Your browser does not support the HTML5 canvas tag.原创 2021-01-29 19:04:23 · 94 阅读 · 0 评论 -
用蓝色笔触绘制一个矩形
请用蓝色笔触颜色绘制一个矩形 <!DOCTYPE html> <html> <body> <canvas id="myCanvas" width="300" height="150" style="border:3px solid #d3d3d3;"> Your browser does not support the HTML5 canvas tag.</canvas> <script type="text/javascript" &原创 2021-01-26 18:27:09 · 99 阅读 · 0 评论 -
矩形阴影、空心矩形渐变、文字渐变
绘制一个带有阴影部分的矩形 <!DOCTYPE html> <html> <body> <canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;"> Your browser does not support the HTML5 canvas tag.</canvas> <script type="text/javascript">原创 2021-01-26 17:59:04 · 158 阅读 · 4 评论 -
矩形——渐变色
定义从上到下的渐变，作为矩形的填充样式： 代码如下（示例）： <!DOCTYPE html> <html> <body> <canvas id="oneCanvas" width="400" height="400" style="border:6px solid #d3d3d3;"> Your browser does not support the HTML5 canvas tag.</canvas> <script type原创 2021-01-24 23:44:58 · 287 阅读 · 0 评论