代码进阶篇——如何给图片添加portfolio类似效果(avada主题为例)
建站有时候很痛苦的一件事就是,有的功能不能完全被我所用,比如首页展示产品调用portfolio就很不爽。
其实首页展示产品有很多方法,比如添加一个image frame,然后给image frame添加一个跳转链接直接跳到产品页面。
但是这样做得画,图片没有什么好看的效果,只有缓慢加载、放大等动画,今天教大家一个方法,不需要改动多少代码,就能实现给任意图片添加portfolio效果,首先点击链接看效果:[效果展示](http://www.queness.com/resources/html/masking-images-with-shape/index.html)
效果如下图,鼠标经过图片,图片周围会有形状会放大,鼠标在图片上时,会出现简短描述,并且有CTA按钮。
[attach]8017[/attach]
然后下载附件,内附pdf简易教程!
{{{
**警告!!!此教程适合喜欢折腾的同学,不希望浪费的时间的大家请绕道,浪费时间概不负责(括弧笑)**
}}}