1：hover的使用 1-1 悬浮显示div中的内容 css:代码 .center{ position: absolute; right: 60px; width: 306px; height: 318px; box-shadow: 0 8px 16px 0 rgba(7,17,27,.2); z- ...
分类：
其他好文 时间：
2018-07-04 16:06:31
阅读次数：
226
box-shadow是css3的一个新属性，用来实现阴影效果，阴影分为内阴影和外阴影两个效果，通过逗号添加多个阴影效果 box-shadow：inset offset-x offset-y blur-radius spread-radius color , ......; 1. inset 有ins ...
分类：
其他好文 时间：
2018-06-28 19:28:28
阅读次数：
156
1. 闲来无事时在网上看一些前辈的博客文章，自己尝试了一下。学习到最重要的一点就是box-shadow的叠加使用，受益非线。先上一下效果图： 其中有以下重要的几点： 1. 蜡烛底座的border-radius的水平圆角与垂直圆角设置，即 border-radius：左上水平 右上水平 右下水平 左下 ...
分类：
Web程序 时间：
2018-06-13 23:31:18
阅读次数：
762
CSS3有哪些新特性？ 1. CSS3实现圆角（border-radius），阴影（box-shadow）， 2. 对文字加特效（text-shadow、），线性渐变（gradient），旋转（transform） 3. transform:rotate(9deg) scale(0.85,0.90) ...
分类：
Web程序 时间：
2018-06-12 13:36:39
阅读次数：
201
CSS3 边框 border-radius box-shadow border-image CSS3 背景 background-size background-origin background-clip CSS3 文本效果 text-shadow word-wrap text-overflow ...
分类：
Web程序 时间：
2018-05-31 15:33:04
阅读次数：
146
在CSS3中，我们可以使用box-shadow属性轻松地为元素添加阴影效果。 语法： box-shadow：x-shadow y-shadow blur spread color inset; 说明： （1）x-shadow：设置水平阴影的位置（X轴），可以使用负值； （2）y-shadow：设置垂 ...
分类：
Web程序 时间：
2018-05-26 18:49:52
阅读次数：
206
效果属性 1.box-shadom（盒子阴影） 示例 加上 box-shadom 内阴影 复杂例子 阴影的形状跟原来的形状是一样的 结果： box-shadow 作用：1.营造层次感（立体感）2.充当没有宽度的边框（没有大小，不会占据位置）3.特殊效果 2.text-shadom（文本阴影） 作用： ...
分类：
Web程序 时间：
2018-05-21 00:00:27
阅读次数：
253
最近突然想做一些好玩的东西，找来找去，想到了之前曾经在网上看到过有人用box-shadow画了一副蒙娜丽莎出来感觉这个挺有意思，正好趁着周末，自己也搞一波 前言 在线地址： 优化前的版本优化后的版本源码仓库地址 不建议上传大图片。。喜欢听电脑引擎声的除外 首先，并不打算单纯的实现某一张图片（这样太没 ...
分类：
其他好文 时间：
2018-05-20 19:28:11
阅读次数：
227
css3|-大小、位置、颜色、背景、边框......|-1、盒子边框|--盒子圆角 border-radius:像素或百分比|--盒子阴影 box-shadow| x轴的偏移量 y轴的偏移量 阴影模糊宽度 阴影的大小 阴影的颜色 阴影的位置（默认在外，inset设置为内）| 偏移量可为负值 |-2、 ...
分类：
Web程序 时间：
2018-05-06 23:59:51
阅读次数：
449
一、盒子边框 1、盒子圆角：border-radius：像素或者百分比 2、盒子阴影：box-shadow 属性：X 轴偏移量 ， Y 轴便宜量 颜色的虚幻程度 阴影的颜色 阴影的位置 (阴影默认在外部 inset是设置在内部) （偏移量可以使负值，左负右正，上负下正） 二、背景 1、引入：back ...
分类：
Web程序 时间：
2018-05-06 16:32:12
阅读次数：
972
