鼠标悬停后。图片上方出现蒙版,透明度发生变化,显示设置文本的文本,完全通过CSS实现。下图为效果
键码
复制代码如下:
.特征-图像:悬停{
不透明度:;
颜色:FFF;
背景:RGBA(0,0,0,);
}
查看源代码
复制代码如下:
内容文章{
浮动:左;
边-右:4;
最大宽度:236px;
职位:相对;
宽度:22;
边底:;
}
内容文章:第n个孩子(4N+4){
边-右:0;
}
.后置-格式-内容{
职位:相对;
背景:111;
}
.后缩略图{
最大宽度:100;
高度:自动;
溢出:隐藏;
}
.内容包装{
填充:0;
立场:绝对;
文本-对齐:居中
;
宽度:100;
顶部:0;
底部:0;
显示:表格单元格;
垂直-对齐:中间;
溢出:隐藏;
}
.内容包装{
显示:表格;
字号:110;
身高:100;
文本转换:大写;
宽度:100;
保证金:0;
}
.编辑-链接{
Z指数:2;
}
.特征-图像{
显示:表格单元格;
职位:相对;
过渡:不透明度.25s易入易出,背景.25s易入易出;
-Moz-过渡:不透明度.25s易入易出,背景.25s易入易出;
-WebKit-Transition:不透明度.25s易入易出,背景.25s易入易出;
垂直-对齐:中间;
Z指数:1;
颜色:FFF;
T
Ext-装饰:无;
不透明度:0;
填充物:10;
}
.特征-图像:悬停{
不透明度:;
颜色:FFF;
背景:RGBA(0,0,0,);
}
.后缩略图img{
显示:块;
}
IMG{
最大宽度:100;
高度:自动;
}