简单的定点图像地图-Simple Interactive Points Effect

简单的定点图像地图-Simple Interactive Points Effect
Today we’d like to share a simple hover/click effect for images with you. The main idea is to show a map or a base image with some points of interest (POS) and when we come close to one of these points and hover, an image starts to fade in. When clicking on the POS indicator, a content layer is shown with some more information on that point; the background image becomes completely opaque. This concept could be fitting for some kind of map assisted story telling, like a travel piece or similar.
今天,我们想和大家分享一个简单的图像悬停/点击效果。其主要思想是显示一些感兴趣点(POS)的地图或基地形象,当我们接近这些点之一,悬停,图像开始褪色。当点击POS指示器时,内容层会显示一些关于该点的信息;背景图像变得完全不透明。这个概念可以适用于某种地图辅助的故事讲述,比如旅行片或类似的故事。

查看演示 下载资源

文章链接:https://www.sbkko.com/simple-interactive-points-effect.html
文章标题:简单的定点图像地图-Simple Interactive Points Effect
文章版权:SBKKO 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!

给TA打赏
共{{data.count}}人
人已打赏
网页组件资源

图像网格瀑布流布局-Item Reveal Animations with SVG

2017-11-16 16:34:06

网页组件资源

精选的内容视图特效-Beneath: Featured Content Layout Effect

2017-11-16 16:38:53

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索