其实对于box-shadow,老白我也是一知半解,之前用的时候直接复制已有的,也没有仔细思考过box-shadow的数值分别对应什么,最后导致阴影的边如何自由控制,苦于懒人一个一直没有正式去学习,今天无意中看到以下这篇文章,瞬间清醒有木有,看完整片文章,对于box-shadow阴影四个边的设置完全了 ...
分类:
其他好文 时间:
2020-05-02 09:30:19
阅读次数:
307
1、去除input的边框 1 .form-control{ 2 border:0; 3 webkit-box-shadow:none; 4 box-shadow:none; 5 } 2、去除input选中时的蓝色边框线 1 .form-control:focus{ 2 border-color:#f ...
分类:
其他好文 时间:
2020-04-23 14:58:31
阅读次数:
256
文本阴影:text-shadow: x轴位置 Y轴位置 阴影大小 阴影颜色 注:如果想添加多个阴影每--组阴影以逗号分隔。盒子阴影:box-shadow: x y阴影的模糊度 阴影扩散的大小 阴影颜色 内阴影( inset:可选)添加多阴影:以逗号分隔的形式添加多阴影英文或者数字默认显示:如果没有换 ...
分类:
其他好文 时间:
2020-04-14 01:01:19
阅读次数:
68
border: 1px solid #696; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;//圆角边框 -webkit-box-shadow: #666 0px 0px 10px; -moz-box ...
分类:
Web程序 时间:
2020-04-11 20:18:17
阅读次数:
79
今日在写一个阴影效果的时候遇到了一个小问题,不多说,上代码 div { width: 100px; height: 100px; background: #e3e3e3; border: 1px solid #333; box-shadow: 0 0 50px rgba(0, 0, 0, 0.5); ...
分类:
Web程序 时间:
2020-04-04 18:39:19
阅读次数:
83
IE兼容CSS3圆角border-radius的方法(同时兼容box-shadow,text-shadow)IE兼容CSS3圆角border-radius,box-shadow,text-shadow的方法 1.下载ie-css3.htc:http://www.zhangxinxu.com/stu. ...
分类:
其他好文 时间:
2020-04-01 23:40:25
阅读次数:
132
input:-webkit-autofill { -webkit-text-fill-color: #141313 !important; -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; background-colo ...
分类:
其他好文 时间:
2020-03-20 10:43:27
阅读次数:
72
对于谷歌浏览器input输入框,下拉列表选中之后,input背景色变黄,这是什么鬼, 经查看,原来是这个在搞鬼, 解决方案: input:-webkit-autofill{ -webkit-box-shadow:0 0 0px 1000px #fff inset;} ...
分类:
其他好文 时间:
2020-03-18 18:43:07
阅读次数:
75
深入理解Box-Shadow以及运用 Box-Shadow(盒子阴影)可设置的属性一共有六个,分别是x轴、y轴、blur、spread(模糊扩散范围)、color、insert(内阴影),其中经常用到就是设置X Y轴、blur(模糊度)以及color(颜色)这四个值。 实战 准备工作 1. 创建一个 ...
分类:
其他好文 时间:
2020-02-22 00:41:52
阅读次数:
105
一、圆角边框 border-radius属性用于设置元素的外边框圆角。 radius半径(圆的半径)原理:(椭)圆与边框的交集形成圆角效果。 二、盒子阴影 box-shadow:H-shadow v-shadow blur spread color insert 三、文字阴影 text-shadow ...
分类:
其他好文 时间:
2020-02-20 15:30:48
阅读次数:
101