阿里云服务器

今天要给wordpress网站里面的图片加上图层蒙版的特效,当鼠标经过图片的时候有图层蒙版的效果。

要实现这个效果,可以通过css样式进行处理,当鼠标经过图片的时候单独设置一个图片效果。

在图片样式里面加入下面代码:

.penci-item-mag:hover {
  opacity:0.8; filter: alpha(opacity=10);

}

.penci-item-mag是控制图片的css代码,只要改成自己网站里面控制对应图片的,css名称就可以了。

显示效果如下:

wordpress图层蒙版

相关阅读:
  • wordpress网站调用自定义分类的文章列表
  • wordpress不用插件实现倒计时的功能
  • 把wordpress自动更新和提示关闭的方法
  • wordpress主题data-src图片不显示解决办法
  • wordpress网站自动抓取文章第一张图片为缩略图
  • 解决wordpress文章自动添加< p >< br >标签的问题
  • wordpress自带视频播放器插入封面图的方法
  • wordpress怎样修改页脚版权信息
  • 自定义wordpress商城woocommerce产品页文章hook顺序
  • 如何实现WordPress翻页效果