box-shadow

html5 中制作圆形 渐变颜色

style中设置div的属性#div4{width:160px;//宽height:160px;//高background-color:pink;//颜色border-radius:80px;//半径box-shadow
Jonly_W·2020-08-02 16:36

前端动画效果常见用法/API总结

前端动画效果常见用法总结1.box-shadow（css）box-shadow:h-shadowv-shadowblurspreadcolorinset;h-shadow必需。水平阴影的位置。
楽BB·2020-08-02 14:05

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

这种特性和box-shadow类似，参见“CSS3box-sh
weixin_30611509·2020-08-02 14:39

各类加载loading动画效果

#4ea980;margin:50px;}/*纯白色圈*/.loader{text-indent:-9999em;position:relative;width:200px;height:200px;box-shadow
majun0007·2020-08-01 13:07

CSS3实现的立体按钮

header,hgroup,menu,nav,section{display:block;}a{background-color:#DB5705;border-radius:8px8px8px8px;box-shadow
life66881·2020-08-01 13:38

简单前端小案例（HTML5+CSS）——跳动的心

粉色爱心❤*{background-color:skyblue;}.love{background-color:pink;width:200px;height:200px;box-shadow:0px0px70pxpink
_SnowMultiflora·2020-08-01 11:14

CSS3阴影 box-shadow的使用和技巧总结

text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及，这一特殊效果使用越来越普遍。
Li_Shao1·2020-08-01 10:09

HTML +CSS 学习（六）

HTML+CSS学习（六）文章目录HTML+CSS学习（六）1、text-shadow:2、box-shadow：3、mask遮罩4、box-reflect5、blur模糊6、calc计算7、分栏布局8
行走的皮卡丘·2020-08-01 10:58

html div四边阴影效果

200px;height:400px;}.shadow:hover{-webkit-box-shadow:#ccc0px10px10px;-moz-box-shadow:#ccc0px10px10px;box-shadow
xiaoLP1·2020-08-01 07:31

自定义小程序滚动条样式

color:#ffffff;}/*定义滚动条轨道内阴影+圆角*/::-webkit-scrollbar-track{-webkit-box-shadow:inset0010pxrgba(0,0,0,0.3);box-shadow
weixin_41201496·2020-08-01 05:41

放大镜-(CSS)

400px;background-color:#eee;margin:auto;position:absolute;left:0;right:0;top:0;bottom:0;font-size:10px;box-shadow
weixin_34212762·2020-08-01 04:38

全自动要饭系统(前端代码模仿)

panel{border:none;border-radius:10px;box-shadow:1px1px5
weixin_30402085·2020-08-01 03:29

小程序 输入框监听事件

1、html兑换2、css.coupon-exchange{width:702rpx;height:104rpx;background:#fff;box-shadow:004pxrgba(153,153,153,0.5
weixin_30314631·2020-08-01 03:08

盒模型美化

0815盒模型美化盒模型阴影box-shadow:10px10px5px0rgba(0,0,0,0.6);盒模型阴影X轴偏移量Y轴偏移量模糊半径扩散半径颜色渐变linear-gradient线性渐变第一个值
wangyuanti·2020-08-01 03:42

input框自动填充内容背景颜色为黄色解决方法

谷歌浏览器input自动填充内容，背景色会是黄色，想改的话：HTML代码1input:-webkit-autofill{box-shadow:000px1000pxwhiteinset;}这种方法没有了黄色背景
资料收集库·2020-08-01 01:50

input 自动填充颜色改变或透明

设置黄色背景变成白色背景：input:-webkit-autofill{box-shadow:000px1000pxwhiteinset!
诛宵小或率宾归王·2020-08-01 01:14

vue+elementUI+表格,实现输入框失去焦点获取当前id和当前输入框改变的内容

实现的效果:步骤:一.html代码查看查看拉黑二.css(less)代码.content{height:710px;width:100%;background-color:#fff;box-shadow
麦兜:)·2020-07-31 23:11

教程：盒阴影、文本阴影

大家好今天我们来分享——盒子阴影、文本阴影先来看下案例案例效果1>box-shadow：none(无阴影)|shadow(阴影)使用方法shadow：X轴偏移量Y轴偏移量[阴影模糊半径][阴影扩展半径]
你敢动吗·2020-07-31 21:19

CSS3

边框圆角：border-radius:npx边框阴影：box-shadow:X轴偏移量Y轴偏移量[阴影模糊半径][阴影扩展半径][阴影颜色][投影方式];Paste_Image.png图片边框：border-image
_李杨·2020-07-31 17:28

30、扩大可点击区域

10pxsolidtransparent;//添加10px的透明边框，让元素比实际看上去的大10pxbackground-clip:padding-box;//背景会延伸到透明边框下，指定背景限制在原本的区域内box-shadow
Elevens_regret·2020-07-31 11:33

CSS阴影: 偏移、模糊半径、扩散半径

box-shadow概述先从整体来说说box-shadow属性。
真实的hello world·2020-07-30 21:03

box-shadow 制作单边阴影效果,不影响其它边的效果

以前在使用box-shadow制作单边阴影效果的时候发现或多或少会影响其它边的展示效果.今天在阅读文章的时候,终于发现了一个解决的方法.就是利用box-shadow中的一个参数.spread来解决这个问题
Annkeke·2020-07-30 20:58

CSS3 box-shadow 效果大全（内阴影，外阴影，三边阴影，双边阴影，单边阴影，细线描边…）

然而box-shadow属性语法和取值非常灵活，对于新手有点不容易理解。今天总结一下语法和box-shadow属性各种阴影效果。
Marktubbu·2020-07-30 14:30

【项目3-1】黑马书城

一只小鸡XXXXXXXXXXXXXXXXXXXXXXXXXCSS阴影和渐变1.盒阴影对象选择器{box-shadow:投影方式||x轴偏移量||y轴偏移量||阴影模糊半径||阴影扩展半径||阴影颜色}投影方式默认为外投影
weixin_30907523·2020-07-30 12:56

CSS3随笔1

所有角都使用半径为10px的圆角*/border-radius:5px4px3px2px;/*四个半径值分别是左上角、右上角、右下角和左下角，顺时针*/小技巧2.box-shadow为盒子增加阴影效果，使用方法：box-shadow
L_Y_J·2020-07-30 02:17

HTML5+javascript韩顺平坦克大战游戏教程笔记

设置body{padding:0;margin:0;}.main{width:510px;height:510px;margin:20pxauto;position:relative;}#canvas{box-shadow
miao淼·2020-07-29 12:35

用Javascript实现国际象棋棋盘的布局

odd;str+="";}str+="";document.write(str);table{margin:100pxauto;border:10pxdoublergb(31,51,59);box-shadow
千鱼三秒·2020-07-29 12:38

第二次系统学习css

下面是记录一些之前没有学到过得css样式box-shadow：h-shadowv-shadowblur（模糊程度）spreadcolorinsetE{box-shadow:??
lslslssddsd·2020-07-29 12:01

CSS3 系统学习

:4px;推荐使用4px，表示圆角的半径；如果设置为50%，元素就有可能是椭圆或者圆，取决元素的宽和高最多可以有4个值分别确定四个角的圆角，border-radius:15px/50px;椭圆盒阴影：box-shadow
ASIA_技术·2020-07-29 10:05

原生js点击轮播 点击切换图片

点击轮播图.container{position:relative;width:600px;height:400px;margin:100pxauto0auto;box-shadow:005pxgreen
LLLiiv·2020-07-29 10:04

h5绚丽的边框-border渐变和字体颜色渐变

background:none;border:0;box-sizing:border-box;/*border和padding全会在你设置的宽高内部*/margin:1em;padding:1em2em;box-shadow
开心大表哥·2020-07-29 09:54

今日作业之折扇效果

300px;border-bottom:2pxsolid#333;position:relative;margin:50pxauto;}.listli{width:60px;height:200px;box-shadow
Pursuit53·2020-07-29 04:44

可下拉选择可输入框

[type=text]{border:1pxsolid#ccc;}input[type=text]:hover,input[type=text]:focus{border-color:#57bc80;box-shadow
Ljj_9709·2020-07-29 04:30

ace bootstrap后台框架-widgetBox

最外围的样式，定义一个box.widget-box{padding:0;-webkit-box-shadow:none;box-shadow:none;margin:3px0;border-bottom
xiaobingtao·2020-07-29 00:48

MUI填坑记-9body上下内阴影

body:after{content:"";position:fixed;/*top:-10px;*/bottom:-10px;left:0;width:100%;height:10px;box-shadow
王善良_·2020-07-28 23:39

CSS3 常用属性总结

CSS3常用属性总结一、box-shadow定义：向框添加一个或多个阴影语法：box-shadow:h-shadowv-shadowblurspreadcolorinset;eg:box-shadow:
suetmuiwong·2020-07-28 11:18

CSS3 动画实例

现在虽然不是所有的浏览器都兼容css3属性，一把做兼容的时候加上浏览器内核的前缀就可以了，CSS3节省了大量的时间和是代码整洁，同时也减少了许多UI方面的麻烦，如：border-radius设置圆角，box-shadow
哈哈腾飞·2020-07-28 10:11

CSS 阴影 轮廓 渐变详解

阴影box-shadow:h-shadowv-shadowblurspreadcolorinset;text-shadow:h-shadowv-shadowblurcolor;关键字是否必须作用值h-shadow
小贤笔记·2020-07-28 05:46

如何去掉input蓝色边框

webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}可根据实际情况添加outline:none;或box-shadow
HARRISKING·2020-07-28 03:39

CSS常用样式总结积累

[color=red][size=large][b]1.把一个链接设置成一个按钮[/b][/size][/color].saveButton{border-radius:0.5em;box-shadow
艾伦蓝·2020-07-28 01:41

CSS常用样式总结积累

1.把一个链接设置成一个按钮.saveButton{border-radius:0.5em;box-shadow:0px0px1px;cursor:pointer;display:inline-block
艾伦蓝·2020-07-28 01:41

canvas霓虹灯

#can1{box-shadow:0010pxyellow;}varcan1=document.getElementById('can1');varctx1=can1.getContext('2d');
kingchanW·2020-07-28 01:56

刮刮乐

#wrap{position:relative;}#sourceIamge{width:600px;height:600px;}#myCanvas{box-shadow:0010pxgoldenrod;
kingchanW·2020-07-28 01:55

阴影box-shadow

box-shadow是向盒子添加阴影。支持添加一个或者多个。
Mandy_jin·2020-07-27 22:56

用阴影做卡片效果

1.文字卡片效果div.card{width:250px;box-shadow:04px8px0rgba(0,0,0,0.2),06px20px0rgba(0,0,0,0.19);text-align:
chenzhawu3547·2020-07-27 20:03

css实现1px的几种办法

css如何实现1px的物理像素法一：利用box-shadow法二：设置border-image方案法三：使用background-image实现法四：多背景渐变实现法五：用小数来写px值法六：viewport
Boale_H·2020-07-27 14:52

CSS魔法之边框

背景知识：box-shadowbox-shadow在我们实际应用中，应该有很多场景会用到box-shadow，它能够帮助我们生成投影，不太为大多数人所知的是，它接受第4个参数，称作是：扩张半径，通过指定正值或者负值
buershero·2020-07-27 14:27

CSS深入剖析border和box-shadow（附漂亮样式）

剖析border一、border-radius二、border-image三、box-shadow四、利用这些属性渲染出漂亮图形在CSS3中赋予了border更过的功能，但是其知识结构也更加复杂，在本文中博主对
xun__xing·2020-07-16 10:21

html5实现贪吃蛇小游戏

实现技术：h5的canvas+原生js可直接复制，查看效果html5实现贪吃蛇小游戏#myCanvas{box-shadow:006px#000;}varcanvas=document.getElementById
front_end_fan·2020-07-16 07:21

box-shadow

偏移迷糊效果范围颜色开搞月晕效果【上下左右都有效果】x偏移0y偏移0迷糊效果范围小数值即可颜色右下角出现阴影：xy偏移为正值即可左上角出现阴影：xy偏移为负值即可四周每一角都设置`width:100px;height:100px;box-shadow
Fade Away·2020-07-16 05:52
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他