您现在的位置是：网站首页>列表内容
css3实现图片遮罩效果鼠标hover以后出现文字CSS3实现伪类hover离开时平滑过渡效果示例CSS3鼠标hover图片遮罩层文字动画特效5种纯CSS3鼠标hover按钮动画特效源码CSS3制作hover下划线动画16种基于css3 Bootstrap图片hover悬停遮罩效果jQuery+CSS3实现的遮罩图片hover翻转效果源码CSS3实现的鼠标经过按钮后图标翻转特效源码纯CSS3 3D魔方翻转动画特效源码纯css3实现的鼠标滑过图片左右3d翻转效果源码纯css3实现的3D方块翻转动画特效源码
2023-10-27 08:38:14
69人已围观
简介 鼠标hover 以后，图片上面出现一个遮罩透明度变化，显示设置好的文字，完全使用css 实现，效果如下，喜欢的朋友可以参考下
鼠标hover 以后。图片上面出现一个遮罩, 透明度变化， 显示设置好的文字的文字，完全使用css 实现，下图是效果
关键代码
.featured-image:hover {
opacity: 0.9;
color: #fff;
background: rgba(0,0,0,0.8);
}
看源码吧
关键代码
复制代码
代码如下:.featured-image:hover {
opacity: 0.9;
color: #fff;
background: rgba(0,0,0,0.8);
}
看源码吧
复制代码
代码如下:
