阿里云服务器

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

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

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

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

}

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

显示效果如下:

wordpress图层蒙版

相关阅读:
  • wordpress编辑框不让span过滤的方法
  • wordpress搜索为空时仍然返回结果问题
  • wordpress注册页取消邮箱的方法
  • wordpress用户头像在线调用代码
  • wordpress自动隐藏email注册,直接用户名密码注册
  • wordpress设置游客只能访问指定页面的方法
  • wordpress列表分页显示404页面的解决办法
  • wordpress页面默认排序修改的方法
  • wordpress新版本5.4 “Adderley” 发布上线,更新多项功能
  • wordpress默认编辑器功能增加的方法