阿里云服务器

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

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

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

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

}

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

显示效果如下:

wordpress图层蒙版

相关阅读:
  • wordpress产品也购物按钮改成表单提交插件:woo-quote-or-enquiry-contact-form-7
  • wordpress列表分页显示404页面的解决办法
  • wordpress页面默认排序修改的方法
  • wordpress新版本5.4 “Adderley” 发布上线,更新多项功能
  • wordpress默认编辑器功能增加的方法
  • wordpress多站点功能快速开启方法
  • wordpress分类和文章增加模板选择功能
  • wordpress文章编辑器标签自动生成排除
  • wordpress根据自定义字段来调用文章列表的方法
  • wordpress文章中图片模糊不清被压缩的问题