西瓜君✔

发表文章数:330

如何利用CSS实现图片遮罩与高亮的效果

HTML代码

<div class="img-box"> <img src="img/aaa.jpg" class="img"/> <p class="load" style="display: none;"></p> </div>

css代码

* {font-family: Arial "微软雅黑";margin:0;padding:0;}.img-box{position: relative;width:200px;margin-bottom: 20px;}.img-box p{position: absolute;left: 0;top: 0;right: 0;line-height: 133PX;height: 133PX;text-align: center;color: #fff;background-color: rgba(0,0,0,.5);}.img{width:100%;display: block;}

未经允许不得转载:作者:西瓜君✔, 转载或复制请以 超链接形式 并注明出处
原文地址:《如何利用CSS实现图片遮罩与高亮的效果》 发布于2020-02-12

赞(0)

评论 抢沙发

评论前必须登录!

  注册