这是一款非常有创意的HTML5和CSS3摄影图片网站模板。该模板将各类摄影图片进行分类,可以通过鼠标拖动来查看各个分类。当用户点击了某个图片分类之后,该图片分类的所有图片向下展开,显示每一张图片的详细信息。
模板中的滑动幻灯片效果是基于Flickity幻灯片插件制作的。模板的背景图片会响应鼠标的运动,产生一种轻微的运动模糊的视觉效果。当一组图片展开的时候,背景图片会被缩小到页面顶部,形成一个logo。
注意该摄影图片模板只能在最新版本的现代浏览器中运行。在IE浏览器中的某些内容的滑动效果可能是看不到的。
下面是该摄影图片网站模板的一些截图:
模板的初始状态:
当鼠标滑过背景图片的时候,一个半透明的背景图片副本会出现在背景图片的周围,形成一种模糊的视觉效果:
当用户点击了一组图片,图片展开后的效果: