每日前端面试题repo

小手冰凉_sos

已于 2022-05-10 13:21:46 修改

阅读量199

点赞数

文章标签：前端 css css3

于 2022-05-09 14:10:45 首次发布

本文链接：https://blog.csdn.net/qq_41485537/article/details/124662158

版权

1.css的filter属性

以下是原图：

img{
    filter: blur(3px); //模糊
}

在这里插入图片描述

img{
    filter: brightness(30%); //调整图片亮度或者暗度
}

在这里插入图片描述

img{
    filter: hue-rotate(320deg); //色相旋转
}

在这里插入图片描述

img{
    filter: invert(100%); //曝光 
}

在这里插入图片描述

img{
    filter: grayscale(100%) //灰色
}

在这里插入图片描述

2.不使用border，画出一条线（标准盒、怪异盒）

 <div style="height:1px;overflow:hidden;backgroundColor:red;"></div>

3.box-shadow属性
6个参数值：offsetX offsetY blur spread color position
x轴偏向值：阴影水平方向的偏移
y轴偏向值：阴影垂直方向的偏移
模糊值：阴影模糊程度
阴影范围：阴影扩展范围
颜色：阴影颜色
阴影方位：默认外阴影 / inset（内阴影）