box-shadow 第14页

JS实现模态框

height:100%;background:#fff;}.toggleModal{padding:10px20px;color:white;background:#409EFF;border:none;box-shadow

TanJ2014·2020-09-16 03:14

小程序大转盘

*转盘*/.canvas-container{margin:30%auto0;position:relative;width:300px;height:300px;border-radius:50%;box-shadow

qq_41563226·2020-09-16 03:25

纯css实现CheckBox自定义样式

inline-block}.inputstyle{display:none}.inputStyleDemo{background-color:#fff;border:0.02remsolid#007cf7;box-shadow

张三无语·2020-09-16 02:51

纯css美化单选按钮

:none;}.regular-radio+label{-webkit-appearance:none;background-color:#fafafa;border:1pxsolid#cacece;box-shadow

蓝色的乌鸦·2020-09-16 02:44

css单选/多选按钮样式改变

type=radio]:checked+.rad_1,.rad_1.checked{background:#ccc;}.rad_1{border:1pxsolid#ccc;padding:7px16px;box-shadow

qq_37880655·2020-09-16 01:01

简单的checkbox多选框样式修改（纯css3）

checkbox样式*/.select-tag-input+label{background-color:#eaeaea;/*border:1pxsolid#C1CACA;*/border:none;box-shadow

如梦难醒·2020-09-16 01:54

element-ui 抽屉drawer出现蓝框bug

title，那页面中第一行的第一个tab或者button，也会有类似的问题出现针对el-tabs出现蓝框的解决办法：/deep/.el-tabs__item:focus.is-active.is-focus{box-shadow

妖无涯·2020-09-16 01:49

五子棋大战（人机）

五子棋#chess{display:block;margin:50pxauto;box-shadow:2px2px2px#EFEFEF,5px5px5px#B9B9B9;}先用html5元素构建一个棋盘

weixin_30375427·2020-09-16 00:56

div浮动固定浏览器顶部实现代码

z-index:999;position:fixed;_position:absolute;left:0;width:100%;height:80px;background-color:#232323;box-shadow

yeyinshi·2020-09-15 16:49

css3新特性

CSS3新增属性用法整理：1、box-shadow（阴影效果）2、border-color（为边框设置多种颜色）3、border-image（图片边框）4、text-shadow（文本阴影）5、text-overflow

ymumi·2020-09-15 12:25

前端学习记录9-CSS-盒子模型(边框，圆角，内外边距，阴影)

border-collapse(控制表格相邻边框合并或独立)border-radius(边框半径)-圆角样式padding(内边距)margin(外边距)外边距塌陷相邻块元素垂直外边距塌陷嵌套块元素垂直外边距塌陷box-shadow

SHoadgnaw·2020-09-15 12:33

盒子阴影(CSS3)

语法格式：box-shadow:水平阴影垂直阴影模糊距离（虚实）阴影尺寸（影子大小）阴影颜色内/外阴影；前两个属性是必须写的。其余的可以省略。

weixin_43312083·2020-09-15 12:43

三栏平均分布布局两条间隔线的实现思路

:none;text-decoration:none;}ul{display:flex;width:300px;height:60px;align-items:center;//配套div实现垂直居中box-shadow

lmy992370268·2020-09-15 10:48

映纷视觉小例子

background-color:#F2F2F2;}/*导航栏*/nav{height:75px;padding:15px0px10px0px;background-color:rgba(0,0,0,0.75);box-shadow

Vivian_shuang·2020-09-15 10:52

css阴影的2种实现

第一种是box-shadow，应该是大家比较熟悉的了，这里不再详述。我主要想分享的是drop-shadow来实现。

CN-cheng·2020-09-15 07:04

学习总结：浏览器兼容性、渐变、过渡、css3中的2d变形

浏览器不识别浏览器为了使这些浏览器兼容，每一个浏览器厂商都会提供一个专属于自己的浏览器语法规则，浏览器兼容前缀主流浏览器：谷歌火狐苹果欧朋IE浏览器前缀-weklit-谷歌-moz-火狐-ms-IE-o-欧朋box-shadow

Rainbow~小二·2020-09-14 23:41

checkbox选中背景色改变（checkbox美化）

regular-checkbox{display:none;}.regular-checkbox+.my-check-label{background-color:#fafafa;border:1pxsolid#cacece;box-shadow

yakunyang（2016）·2020-09-14 23:29

纯css3实现的圆形进度条

spinner{/*半透明蓝色的圆弧，形成进度条的背景，透明的半圆弧和蓝色的半圆弧交替旋转构成进度条*/font-size:20px;width:1em;height:1em;border-radius:50%;box-shadow

cwzhsi·2020-09-14 22:22

JS实现canvas简单小画板功能

DocumentCSS部分：*{margin:0;padding:0;list-style:none;}.container{margin:30px;}#cavs{border:1pxsolidred;box-shadow

Jeslie-He·2020-09-14 22:27

css3 圆角阴影 rgba运动曲线

border-top-left-radius:30px60px;同时分别设置四个角：border-radius:30px60px120px150px;设置四个圆角相同：border-radius:50%;CSS3阴影box-shadow

冷暖自知····2020-09-14 16:12

利用CSS和jquery 实现圆环统计图

圆环统计图.circlewrap{position:relative;display:inline-block;}.hugecircle{width:8rem;height:8rem;box-shadow

GiGi-L·2020-09-14 10:36

PNG格式小图标的CSS任意颜色赋色技术

如果对drop-shadow不是很了解，建议先看看前些时间写的“CSS3filter:drop-shadow滤镜与box-shadow区别应用”一文！

stone0319·2020-09-14 02:52

关于box-shadow一些迷惑的解决

关于一些设计图中常遇到的阴影语法E{box-shadow:??

Annkeke·2020-09-13 23:42

微信小程序设置box-shadow阴影在真机上无效

微信小程序设置box-shadow阴影无效，如下：box-shadow:0rpx10rpx50rpx10rpx#5555551A;在开发环境上有效，但在真机上无效。

郑廿三·2020-09-13 22:34

前端CSS样式 box-shadow阴影被覆盖

使用box-shadow可以给元素加上一个阴影的效果。box-shadow:h-shadow,v-shadow,blur,spread,color,inset参数详细解释：h-shadow必需的。

麦片加奶不加糖·2020-09-13 22:33

为什么css的box-shadow和border-radius没效果解决方法

问题描述：box-shadow和border-radius是CSS3中的属性，有的浏览器内核无法识别，这就是设置的效果无法生效的原因，使用它们给标签增加圆角和阴影效果的时候，就得考虑到各个浏览器的兼容问题

码上敲享录·2020-09-13 22:51

盒子阴影

*{margin:0;padding:0;}/****************************CSS3盒子阴影属性***************************//*box-shadow

lulu_jiang·2020-09-13 22:36

box-shadow阴影被覆盖问题

阴影元素添加{transform:translate3d(0,0,0);} 或者{position:relative;z-index:100 }

AlexPG12138·2020-09-13 21:37

史上最硬核网页截图方案原理深度剖析

作者|陈亮靡不有初，鲜克有终简介剖析流行的截图插件html2canvas的实现方案，探索其功能上的一些不足之处及不能正确截取的一些场景，比如不支持css的box-shadow截取情况等。

杏仁技术站·2020-09-13 20:13

【188】HTML + CSS + JS 学习网站

在线测试工具网站测试代码：span.fangkuang{background-color:#66ff66;border:blacksolidthin;padding:10px10px10px10px;box-shadow

weixin_34342207·2020-09-13 20:22

css解决input[type=text]自动填充（auto fill）内容时颜色为黄色

{background-color：rgb(250,255,189)；background-image：none；color：rgb(0,0,0)；}解决input:-webkit-autofill{box-shadow

tianseyiwan008·2020-09-13 19:36

css画的月亮

#moon{width:80px;height:80px;border-radius:50%;box-shadow:15px15px00red;}

frontend_frank·2020-09-13 18:18

HTML5-CSS3新增特性-（笔记）（1）

H5C3新增特性html5新标签与特性css3新增属性选择器及伪类选择器属性选择器伪类选择器css3新增文本样式文字阴影文字描边渐变线性渐变径向渐变网络字体边框属性border-radius边框圆角box-shadow

Thetimezipsby·2020-09-13 17:47

如何在手机端显示导航栏横向内滚动，可以左右滑动

二三维一体化大数据GIS正文正文正文正文正文正文正文正文正文正文.maincate{width:100%;height:50px;line-height:50px;white-space:nowrap;box-shadow

alayer·2020-09-13 13:47

css3 box-shadow发光效果

本教程将讲述如何运用box-shadow属性来做到这样的效果。

huang100qi·2020-09-13 12:14

box-shadow实现outline圆角

-moz-outline-radius:30px;目前可以使用box-shadow来模拟outline圆角效果border-radius:30%;border:5pxsolidred;box-shadow

阿鳥·2020-09-13 11:29

css奇技淫巧—box-shadow与outline绘制多重边框效果

css语法：box-shadow:h-shadowv-shadowblurspreadcolorinset;注释：box-shadow向框添加一个或多个阴影。

anhuang1896·2020-09-13 11:29

outline和box-shadow实现外轮廓圆角高光效果

outline的属性和border很相似，可以实现元素高光或外轮廓透亮效果，但是没有圆角效果，可以使用box-shadow模拟outline的圆角效果outline定义和用法outline（轮廓）是绘制于元素周围的一条线

深海蓝山·2020-09-13 10:03

鼠标移入商品列表项，商品图片动画过渡放大

鼠标移入完整代码：商品标题.goods-box{width:500px;background-color:#fff;box-shadow:0px3px24px0pxrgba(168,168,236,0.22

@~~涛·2020-09-13 09:16

网页样式集合

{-webkit-box-shadow:0px14px20px-9pxrgba(0,0,0,0.75);-moz-box-shadow:0px14px20px-9pxrgba(0,0,0,0.75);box-shadow

卡瓦尼了·2020-09-13 06:33

css3 颜色过渡以及阴影

背景颜色过渡:background:linear-gradient(tobottom,#0000000%,#ffffff100%);阴影：box-shadow：colorh-shadowv-shadowblurspreadinset

长木木木·2020-09-13 06:48

CSS滚动条样式

高宽分别对应横竖滚动条的尺寸*/height:8px;background-color:#edede6;}/*滚动槽*/::-webkit-scrollbar-track{border-radius:10px;box-shadow

IT小白3·2020-09-12 23:48

js漂浮窗效果

漂浮窗*{margin:0;padding:0;}#box{width:200px;height:200px;left:0;top:0;border:1pxsolid#eee;box-shadow:005px

scarsun·2020-09-12 23:23

好看的滚动条样式

::-webkit-scrollbar-thumb{border-radius:999px;border:5pxsolidtransparent;}::-webkit-scrollbar-track{box-shadow

sa酱·2020-09-12 22:50

去除textarea右下角的箭头（禁止拉伸）与div增加阴影问题

div增加阴影：box-shadow:10px10px5px#888888;第一个属性相当于水平位移就是X轴的距离；第二个属性相当于垂直位移就是Y轴的距离；第三个属性是阴影模糊的距离；第四个属

kevinzip·2020-09-12 22:24

颜色透明

background-color:#F7F7F7;}.wrapper{width:1024px;margin:0auto;}.wrapper>section{min-height:300px;margin-bottom:30px;box-shadow

anqila1855·2020-09-12 15:28

文本阴影、换行、溢出