写文章
KeenTalk
2015-08-28 02:13

代码进阶篇——如何给图片添加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简易教程!

{{{
**警告!!!此教程适合喜欢折腾的同学,不希望浪费的时间的大家请绕道,浪费时间概不负责(括弧笑)**
}}}

举报
收藏
转发
0/500
添加表情
评论
评论 (12)
最近
最早
3天2夜学会建站
置顶时间 :

设置帖子类型

普通
新闻
活动
修改

圈内转发

0/104

分享至微信

复制链接

举报

请选择举报理由

留联系方式
垃圾广告
人身攻击
侵权抄袭
违法信息
举报

确认要删除自己的评论吗?

取消 确定

确认要删除自己的文章吗?

取消 确定
提问
设置提问积分
当前可用积分:
-
+
20
50
100
200
偷看

积分偷看

10积分
我的积分(可用积分)
确认偷看

问题已关注

答主回复后,系统将通知你

不再提示