转载

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

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

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

        注意该摄影图片模板只能在最新版本的现代浏览器中运行。在IE浏览器中的某些内容的滑动效果可能是看不到的。

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

模板的初始状态:

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

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

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

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

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

查看演示 在线下载

via:http://www.htmleaf.com/html5/html5muban/201505071791.html

正文到此结束
Loading...