box-shadow是向盒子添加阴影。支持添加一个或者多个。 box-shadow: h-shadow v-shadow blur spread color inset; h-shadow:水平阴影的偏移值,必需,可以为负值。 v-shadow:纵向阴影的偏移值,必需,可以为负值。 blur:阴影模 ...
分类:
Web程序 时间:
2017-08-10 01:08:25
阅读次数:
457
效果如下: 因为css中的1px并不等于移动设备的1px,这些由于不同的手机有不同的像素密度。 在window对象中有一个devicePixelRatio属性,他可以反应css中的像素与设备的像素比。 devicePixelRatio的官方的定义为:设备物理像素和设备独立像素的比例,也就是 devi ...
分类:
移动开发 时间:
2017-08-04 20:37:14
阅读次数:
222
//滚动条样式 ::-webkit-scrollbar { width: 10px; } /* 垂直滚动条的滑动块 */ ::-webkit-scrollbar-thumb:vertical { border-radius: 4px; -webkit-box-shadow: inset 0 0 6p... ...
分类:
Web程序 时间:
2017-07-31 20:06:55
阅读次数:
149
::-webkit-scrollbar { width: 0.5rem;}/* Track */::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: ...
分类:
Web程序 时间:
2017-07-27 13:40:09
阅读次数:
149
border-radius 边框圆角 像素和百分比 box-shadow 边框阴影 box-shadow:10px 10px 10px 10px red; 1、水平偏移x值 可以为负 2、垂直偏移值 可以为负 3、阴影的模糊值 不可为负 4、阴影的外延值 可为负 5、颜色 【注】给一个元素设置下外边 ...
分类:
其他好文 时间:
2017-07-26 20:27:52
阅读次数:
120
一、基础知识 box-shadow 属性向框添加一个或多个阴影。 语法 box-shadow: offset-x offset-y blur spread color inset; box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展] [阴影颜色] [投影方式]; 单词解释 ...
分类:
其他好文 时间:
2017-07-21 18:59:47
阅读次数:
1636
CSS 用于控制网页的样式和布局。 CSS3 是最新的 CSS 标准。 一. CSS3边框 实例 向 div 元素添加圆角: CSS3 边框阴影 在 CSS3 中,box-shadow 用于向方框添加阴影: 实例 向 div 元素添加方框阴影: div { box-shadow: 10px 10px ...
分类:
Web程序 时间:
2017-07-19 14:36:52
阅读次数:
153
一: <form action="loginAction" method="post" autocomplete="off">给form关闭自动填充 二: input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #262333 inse ...
分类:
其他好文 时间:
2017-07-19 10:34:34
阅读次数:
205
主要运用了box-shadow的内衬白 == inset ...
分类:
其他好文 时间:
2017-07-16 16:46:36
阅读次数:
154
每次使用box-shadow,都要查阅资料才能实现对应的效果,现在总结一下,方便以后查看。 使用语法: element{box-shadow: inset x-offset y-offset blur-radius spread-radius color}; element{box-shadow: ...
分类:
其他好文 时间:
2017-07-16 13:33:11
阅读次数:
195