上传者: 38628150
|
上传时间: 2021-09-27 16:00:04
|
文件大小: 89KB
|
文件类型: PDF
原理
hover 的时候对元素设置阴影:box-shadow,使其样式与常态不同。
box-shadow 表达式参见 MDN:
/* x偏移量 | y偏移量 | 阴影颜色 */
box-shadow: 60px -16px teal;
/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影颜色 */
box-shadow: 10px 5px 5px black;
/* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影扩散半径 | 阴影颜色 */
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
/* 插页(阴影向内) | x偏移量 | y偏移