HTML5和CSS3超酷创意摄影图片网站模板

当前位置:主页 > Html5库 > HTML5模板 > HTML5和CSS3超酷创意摄影图片网站模板
HTML5和CSS3超酷创意摄影图片网站模板
分享:

    插件介绍

    这是一款非常有创意的HTML5和CSS3摄影图片网站模板。该模板将各类摄影图片进行分类,可以通过鼠标拖动来查看各个分类。当用户点击了某个图片分类之后,该图片分类的所有图片向下展开,显示每一张图片的详细信息。

    浏览器兼容性

    浏览器兼容性
    时间:2015-05-07
    阅读:
麦子学院
简要教程

这是一款非常有创意的HTML5CSS3摄影图片网站模板。该模板将各类摄影图片进行分类,可以通过鼠标拖动来查看各个分类。当用户点击了某个图片分类之后,该图片分类的所有图片向下展开,显示每一张图片的详细信息。

模板中的滑动幻灯片效果是基于Flickity幻灯片插件制作的。模板的背景图片会响应鼠标的运动,产生一种轻微的运动模糊的视觉效果。当一组图片展开的时候,背景图片会被缩小到页面顶部,形成一个logo。

下面是该摄影图片网站模板的一些截图:

模板的初始状态:

摄影图片网站模板-1

当鼠标滑过背景图片的时候,一个半透明的背景图片副本会出现在背景图片的周围,形成一种模糊的视觉效果:

摄影图片网站模板-2

当用户点击了一组图片,图片展开后的效果:

摄影图片网站模板-3

网友评论