HTML/CSS

CSS文字半透明显示图片上的两种效果

创客主机

CSS让一行文字显示在图片的底部,用来说明图片的内容,当作图片标题,标题文字和背景可以设置半透明,鼠标经过图片时边框换色。

代码预览


这个功能可以衍生出很多其他的版本,比如说鼠标滑动的时候才显示介绍文字啊。这个还是很常见的。看看下面的效果。

代码预览


大家可以根据自己的需要自己设置效果。

(0)

本文由 创客云 作者:创客云 发表,转载请注明来源!

阿里云

热评文章

发表评论

嘿,欢迎咨询!