发表于: 2018-11-23 17:25:06

1 775


今天完成的事情:

完善任务五

了解了图片使图片模糊的元素filter

理解如下:

其blur属性可使图片变模糊,以像素控制,值越大图片越模糊,即filter:blur(5px);

opacity属性改变图片的透明程度,当值为0%时图片完全透明,100%时无变化;

brightness改变图片的明暗程度,值越大图片越亮,0%时图片全黑;

filter的各个属性使用空格隔开,可一次性使用多个属性。

明天的计划:

领取任务六

继续学习并实践flex布局

遇到的问题:

此处文字在页面缩小时会变成这样:

后来在代码中改变该元素宽度,解决


收获:

学习到了一个新知识:filter

不过还不是很会使用,后期需加强练习;

其中blur的使用效果和想象中的不一样,在网上查阅的时候说这个是使图片高斯模糊,但实践时图片只是变模糊,周围变淡,并没有达到想象中的这种效果




返回列表 返回列表
评论

    分享到