一、box-shadow: 0 2px 15px 0 rgba(0,0,0,.15)!important 二、 box-shadow: 0 2px 6px 0 rgba(0,0,0,.4); 三、 .tofu-block-hover { transition: opacity 0.3s,width ...
分类：
Web程序 时间：
2017-11-11 21:29:41
阅读次数：
254
css3 border-radius不支持IE8/IE7的四种解决方法 css3 border-radius不支持IE8/IE7的四种解决方法 标签: cssborder-radius兼容性 时间:2016-07-18 css3 border-radius用于设置HTML元素的圆角效果，但只有IE9 ...
分类：
其他好文 时间：
2017-11-10 00:33:50
阅读次数：
240
这篇文章将对 CSS 的几个新属性 (text-shadow，box-shadow，and border-radius) 做基本介绍。这些 CSS3 属性通常用来加强页面布局。 RGBA 前面的 3 个值是 RGB 颜色值，最后一个值是透明度的级别（0 = 透明，1 = 不透明）。 RGBA 可以应 ...
分类：
Web程序 时间：
2017-11-02 19:05:08
阅读次数：
208
今天小颖把之前保存的js特效视频看了一遍，跟着视频敲了敲嘻嘻，用原生js实现一个炫酷的登录页面。怎么个炫酷法呢，看看下面的图片大家就知道啦。 效果图： 不过在看代码之前呢，大家先和小颖看看css中的opacity、transition、box-shadow这三个属性。 1.opacity 作用：设置 ...
分类：
Web程序 时间：
2017-10-31 21:33:34
阅读次数：
324
<!DOCTYPE html> <html> <head> <style> div { margin-top:100px; margin-left:100px; width:300px; height:100px; background-color:#ff9900; box-shadow:20px ...
分类：
Web程序 时间：
2017-10-31 12:55:28
阅读次数：
181
做网易云音乐首页时遇到的问题，鼠标指在右上角头像时出现下拉框。 <style>/* css*/ #body{ float: left; } #xialakuang{ background-color:#f9f9f9; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0 ...
分类：
Web程序 时间：
2017-10-28 12:46:36
阅读次数：
200
语法： box-shadow:none丨<shadow>[,<shadow>]* <shadow>=inset ? &&<length>{2,4}&&<color>? 默认值：none 适用于：所有元素 继承性：无 动画性：是，除了内、外阴影切换时 计算值：指定值 取值 none：无阴影 <leng ...
分类：
其他好文 时间：
2017-10-27 13:12:42
阅读次数：
139
基础说明： 外阴影：box-shadow: X轴 Y轴 Rpx color; 属性说明（顺序依次对应）： 阴影的X轴(可以使用负值) 阴影的Y轴(可以使用负值) 阴影模糊值（大小） 阴影的颜色 内阴影：box-shadow: X轴 Y轴 Rpx color inset; 默认是外阴影 内阴影：ins ...
分类：
Web程序 时间：
2017-10-26 15:36:06
阅读次数：
239
(一)CSS3 边框 用CSS3，你可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序，如Photoshop。 CSS3 圆角 在CSS3中border-radius属性被用于创建圆角： CSS3盒阴影 CSS3中的box-shadow属性被用来添加阴影: CSS3边界图片 有了CSS3 ...
分类：
Web程序 时间：
2017-10-15 19:50:05
阅读次数：
249
text-shadow是给文本添加阴影效果，box-shadow是给元素块添加周边阴影效果。随着HTML5和CSS3的普及，这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor ...
分类：
Web程序 时间：
2017-10-11 16:56:12
阅读次数：
155
