E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
box-shadow
Html阴影
box-shadow
多个兼容方式,
box-shadow
透明度如何设置?
Html阴影
box-shadow
多个兼容方式,
box-shadow
透明度如何设置?
Jon Daijn
·
2023-12-29 11:25
杂文
html
css
HTML 网页设计 简约风格 注册界面
注册用户名邮箱密码确认密码注册css.register-box{width:380px;padding:20px;background-color:#f5f5f5;border-radius:5px;
box-shadow
暗托涅瓦
·
2023-12-28 20:29
html
前端
css圆角
border-top-left-radius:30px60px;分设四角:border-radius:30px60px120px150px;设置四个圆角相同:border-radius:50%;(此时为正圆)阴影:
box-shadow
fcc123
·
2023-12-28 09:31
box-shadow
box-shadow
:h-shadowv-shadowblurspreadcolorinset;h-shadow水平阴影的位置,必须填写,可以为负值v-shadow垂直阴影的位置,必须填写,可以为负值blur
u014378108
·
2023-12-27 02:28
css
前端
css3
CSS书写规范
7.对于以逗号分隔的属性值,每个逗号后面都应该插入一个空格(例如,
box-shadow
)。8.不要在rgb(
kim_jin
·
2023-12-25 01:03
css 实现 Popover 弹出框样式
Documentbody{margin:20px;}.box{
box-shadow
:02px12px0rgba(0,0,0,0.1);width:200px;height:100px;position:
前端精髓
·
2023-12-24 18:05
css
前端
javascript
CSS中设置盒子大小-box-sizing,设置盒子阴影-
box-shadow
,设置盒子圆角-border-radius,属性及其属性值
属性用来设置盒子尺寸的计算方式,也就是width/height指的是谁可选值:content-box内容区默认值border-box宽度和高度用来设置整个盒子可见框的大小,包括边框,padding,内容区二:设置盒子阴影-
box-shadow
趋之
·
2023-12-24 01:52
css
css
前端
HTML实现圣诞树完整代码
:300px;/*树的高度*/width:200px;/*树的宽度*/background-color:green;/*树的颜色*/border-radius:0050%50%;/*使树形成三角形*/
box-shadow
三更寒天
·
2023-12-23 12:16
html
css
css3
前端
javascript
【css】移动端兼容 border显示不全
的边框兼容性处理方案一transformrotateZ(360deg)方案二使用UI切图实现(不推荐)方案三和UI沟通,尽量避免使用0.5px的边,线(推荐)方案四(概念方案,未验证)使用1px的边线,设法隐藏一半
box-shadow
康一夏
·
2023-12-22 12:55
html+css
工作记
VUE仿造element-ui el-tabs标签页选项卡样式
HTML:{{item.name}}//本来想直接用index判断的结果还是直接仿造el-tabs的方式做吧CSS:.tabsMain{border:1pxsolid#dcdfe6;
box-shadow
一只喵de旅行
·
2023-12-22 02:15
element-plus el-input 修改边框 border
前提:Vue3+element-plus;1、去除el-input的边框:.inputDeep{:deep(.el-input__wrapper){
box-shadow
:0000pxvar(--el-input-border-color
龙丨行
·
2023-12-21 11:20
工作中的小问题
vue.js
elementui
javascript
圆角,阴影,raba,动画
border-top-left-radius:30px60px;同时分别设置四个角:border-radius:30px60px120px150px;设置四个圆角相同:border-radius:50%;阴影
box-shadow
给脸别傲_5274
·
2023-12-20 20:26
leaflet 鼠标移动到图层时变_leaflet 图层高亮
padding:6px8px;font:14px/16pxArial,Helvetica,sans-serif;background:white;background:rgba(255,255,255,0.8);
box-shadow
藏青色的猫
·
2023-12-19 22:36
leaflet
鼠标移动到图层时变
css多重效果,css奇技淫巧—
box-shadow
与outline绘制多重边框效果
css语法:
box-shadow
:h-shadowv-shadowblurspreadcolorinset;注释:
box-shadow
向框添加一个或多个阴影。
weixin_39996141
·
2023-12-19 08:30
css多重效果
el-tooltip 修改全局的样式 (默认的太丑了)
上代码:.atooltip.el-tooltip__popper[x-placement^="top"].popper__arrow{border-top-color:#fff;color:#999;
box-shadow
沙尘暴炒饭
·
2023-12-18 09:01
前端
漏刻有时数据可视化Echarts组件开发(44)提示框组件与返回多边形
}.tipsBox{background:transparenturl("images/tipsbg.png")topcenterno-repeat;width:260px;height:203px;
box-shadow
漏刻有时
·
2023-12-18 04:48
echarts
信息可视化
echarts
javascript
微信小程序css实现的联系客服动画样式
background-color:var(--themeColor);position:fixed;z-index:10;bottom:100rpx;right:60rpx;border-radius:50%;
box-shadow
糊涂涂糊涂涂
·
2023-12-16 08:50
前端css
小程序
微信小程序
css
前端
小程序
Layui深入
max-width:600px;margin:0auto;padding:20px;}.register-form{background:#fff;padding:20px;border-radius:5px;
box-shadow
m0_64180190
·
2023-12-16 07:09
付费
layui
前端
javascript
谷歌浏览器input默认填充的背景样式修改
问题解决方案给input添加内阴影
box-shadow
:inset00032px#fff!
小瓶子
·
2023-12-16 05:50
vue
javascript
前端
html
给元素加阴影CSS3
box-shadow
属性
div{
box-shadow
:10px10px5px#888888;}//给元素加阴影四个值得时候从左至右分别代表:水平阴影位置,垂直阴影位置,模糊距离,阴影颜色六个值得时候从左至右分别是:水平阴影位置
废柴码农
·
2023-12-14 22:27
HTML程序大全(2):通用注册模版
sans-serif;background-color:#f5f5f5;}form{max-width:500px;margin:50pxauto;padding:40px;background-color:#fff;
box-shadow
AICodeThunder
·
2023-12-14 18:47
HTML程序大全
html
前端
javascript
HTML实现每天单词积累
sans-serif;background-color:#f5f5f5;}form{max-width:500px;margin:50pxauto;padding:40px;background-color:#fff;
box-shadow
AICodeThunder
·
2023-12-14 18:23
box-shadow
的5个参数
box-shadow
属性用来给元素添加阴影,该属性值是由逗号分隔的一个或多个阴影列表。
ER_PM
·
2023-12-06 19:39
[JavaScript前端开发及实例教程]计算器&井字棋游戏的实现
网页内实现效果)HTML部分MyCalculatorC/*←789-456+123.(0)=CSS部分.container{max-width:400px;margin:10vhauto0auto;
box-shadow
Linyeji
·
2023-12-06 12:02
JavaScript
javascript
游戏
开发语言
滚动条样式
滚动条宽度*/height:10px;/*滚动条高度*/}/*定义滚动条轨道内阴影+圆角*//deep/.el-table__body-wrapper::-webkit-scrollbar-track{
box-shadow
qrn1024
·
2023-12-03 22:15
javascript
前端
vue.js
Day4:前端工程化初探
CSS效果和动画css效果CSS里非常出彩的一部分,灵活应用
box-shadow
,运用无限投影,甚至可以画机器猫之类的不可思议的图形。
知鱼君
·
2023-12-02 18:38
运用HTML5+CSS3和CSS滤镜做的精美的登录界面,无用到图片!
;padding:0;background-color:#E4E8EC;}.wrap{margin:150pxauto;width:380px;overflow:hidden;}.loginForm{
box-shadow
金色888
·
2023-12-02 04:57
微信小程序设置滚动条样式(笔记)
color:#ffffff;}/*定义滚动条轨道内阴影+圆角*/::-webkit-scrollbar-track{-webkit-box-shadow:inset0010pxrgba(0,0,0,0.3);
box-shadow
icoo张某人
·
2023-11-30 13:56
微信小程序
微信小程序
css
css3
CSS3样式详解之圆角、阴影及变形
目录前言一、圆角样式(border-radius)二、元素阴影(
box-shadow
)三、过渡动画样式(transition)1.transition-property(用于设置属性名称)2.transition-duration
浮生_Lee
·
2023-11-30 09:15
前端学习
#
JavaScript
css3
前端
css
vue实现可拖拽div
CSS.drag-box{position:absolute;top:100px;left:100px;width:100px;height:100px;background:#fff;border-radius:5px;
box-shadow
冉冉胜起
·
2023-11-30 00:19
CSS
前端
vue
vue.js
javascript
html5
ionic3——ion-input存在底部边框问题
important;
box-shadow
:none!
一只飞
·
2023-11-29 20:26
CSS3制作3D爱心动画
2、选择器css3中新增了一些选择器,如下:3、新样式边框css3新增了三个边框属性,分别是:border-radius:创建圆角边框
box-shadow
:为元素添加阴影border-image:使用图片来绘制边框
海伦•
·
2023-11-28 11:59
CSS
css3
3d
前端
vue中实现拖动调整左右两侧div的宽度
一、HTML代码⋮二、CSS代码/*拖拽相关样式*//*包围div样式*/.box{width:100%;height:100%;margin:1%0px;overflow:hidden;
box-shadow
一个小渣渣۶
·
2023-11-28 09:49
vue.js
javascript
前端
element tab选中时会有蓝色边框
解决办法:在commos.scss中加入属性覆盖.theme{.el-tabs__item:focus.is-active.is-focus:not(:active){
box-shadow
:none;}
zhaohanqq
·
2023-11-27 19:57
vue
element
tab
蓝色边框
清除antd中的select点击默认有蓝色边框
important;
box-shadow
:none;}
程皮蛋瘦肉
·
2023-11-27 19:23
vue
ant
vue使用elementui去掉el-select的边框显示
::v-deep.el-input__inner{border:none;
box-shadow
:none;}
m0_73582531
·
2023-11-27 19:23
vue.js
elementui
javascript
前端
笔记
盒子模型作业
用
box-shadow
属性。box-sha
予安不会写博客
·
2023-11-26 20:08
javascript
css3
开发语言
使用HTML5 dialog元素制作自定义弹窗
确定取消css:dialog{padding:0;border:none;
box-shadow
:0px1px3pxrgba(0,0,0,0.2);width:50%;border-radius:10px
Hi小胡
·
2023-11-25 07:25
前端每日一题笔记收集
后台确实获取了该元素的值,但是不知道该怎么用,不会在后台中显示出来使用一个
box-shadow
和多个
box-shadow
在样式展现上有什么区别么?为什么要使用多个?
PingerL
·
2023-11-24 09:59
web前端必备学习指南
精华工具box-shadowgenerator生成
box-shadow
的工具。gradient-generator渐变生成器。
chuocui9077
·
2023-11-24 01:33
前端
webpack
python
ViewUI
纯css实现水波流动效果
目录实现思路具体实现基础html背景颜色容器颜色水样式两个水波样式完整代码总结实现思路先实现一个装水的容器,可以通过
box-shadow
给容器增添点厚度的感觉水的实现,其实就是一个纯色的背景接下来就是波纹的实现思考下现有的
雾里有果橙
·
2023-11-23 11:50
css
css3
前端
css实现水波纹效果
Document.wave-box{position:relative;width:180px;height:180px;border-radius:50%;border:3pxsolidrgb(246,247,248);
box-shadow
原谅我很悲
·
2023-11-23 11:32
实际开发总结-前端
css
css3
前端
移动端主流布局方案
目录流式布局rem布局rem+媒体查询布局rem+js查询布局视口单位vw布局vw和rem的关系移动端特殊处理点击高亮效果清除在iOS上,输入框默认有内部阴影,但无法使用
box-shadow
来清除,如果不需要阴影
玖商
·
2023-11-22 11:29
#
css3
HTML
html5
css3
7.16 CSS实现商品放大加阴影
图片放大加阴影test1ul{float:left;margin-left:10px;padding-left:15px;width:265px;border:1pxsolidblack;}ul:hover{
box-shadow
Sea9781
·
2023-11-21 16:58
box-shadow
被遮挡的解决方法
1、给阴影元素添加{transform:translate3d(0,0,0)}2、给阴影元素添加{position:relative,z-index:100}
AlinaMay
·
2023-11-21 15:02
CSS3中
box-shadow
阴影的简单使用
在制作页面的时候我们经常会用到阴影
box-shadow
属性,
box-shadow
阴影有内阴影和外阴影两种,外阴影outset和内阴影inset,默认为outset,如需内阴影inset只需在最后加上outset
Wanlly
·
2023-11-19 17:57
css3
box-shadow
阴影(外阴影与外发光)讲解
https://www.cnblogs.com/telwanggs/p/7736454.html基础说明:**外阴影:**
box-shadow
:X轴Y轴Rpxcolor;**属性说明(顺序依次对应):*
松鼠煮鳜鱼
·
2023-11-19 09:26
EasyUi表格CRUD功能&代码生成器
form-group:first-child{margin-top:25px;}.in{width:200px;height:25px;border:0pxsolid#1471ff;}.in:focus{
box-shadow
九处
·
2023-11-16 13:10
Jpa
谷歌浏览器禁止默认填充及填充色修改
正常情况下:去掉填充色input:focus:-webkit-autofill,input:-webkit-autofill{
box-shadow
:000px1000px#F8F9FBinset!
~倩
·
2023-11-16 04:47
html
javascript
css
使用bootstrap ui制作商城
欣知#top{background-color:white;
box-shadow
:02px3pxgray;}#topa{color:rgb(128,128,128);}#logonavimg{line-height
小马807
·
2023-11-15 03:07
bootstrap
ui
前端
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他