发表于: 2018-11-23 17:25:06
1 775
今天完成的事情:
完善任务五
了解了图片使图片模糊的元素filter
理解如下:
其blur属性可使图片变模糊,以像素控制,值越大图片越模糊,即filter:blur(5px);
opacity属性改变图片的透明程度,当值为0%时图片完全透明,100%时无变化;
brightness改变图片的明暗程度,值越大图片越亮,0%时图片全黑;
filter的各个属性使用空格隔开,可一次性使用多个属性。
明天的计划:
领取任务六
继续学习并实践flex布局
遇到的问题:
此处文字在页面缩小时会变成这样:
后来在代码中改变该元素宽度,解决
收获:
学习到了一个新知识:filter
不过还不是很会使用,后期需加强练习;
其中blur的使用效果和想象中的不一样,在网上查阅的时候说这个是使图片高斯模糊,但实践时图片只是变模糊,周围变淡,并没有达到想象中的这种效果
评论