！声明文档类型

html lang='en' class='no-js '

头

meta charset='UTF-8' /

元http-equiv=' X-UA-兼容'内容='IE=edge '

元名称='视口'内容='宽度=设备宽度，初始比例=1 '

标题摄影网站概念/标题

元名称='描述'内容='一个受摄影启发的网站布局，带有扩展堆栈滑块和背景图像倾斜效果'/

meta name=' keywords ' content=' photography，template，layout，effect，expand，image stack，animation，flickity，tilt' /

元名称='作者'内容='Codrops' /

链接rel='快捷图标href='favicon.ico '

链接rel='样式表type=' text/CSS ' href=' CSS/normalize。CSS '/

链接rel='样式表type=' text/CSS ' href=' CSS/flickity。CSS '/

链接rel='样式表type=' text/CSS ' href=' CSS/main。CSS '/

脚本src=' js/modernizr。习俗。js '/脚本

/head

身体

div class='container '

div class='hero '

div class=' hero _ _ back hero _ _ back-static '/div

div class=' hero _ _ back hero _ _ back-Mover '/div

div class='hero__front'/div

/div

header class='codrops-header '

div class=' codrops-link '

a class=' codrops-icon codrops-icon-prev ' href=' http://sym panus。net/Development/interactive coloring conpt/' title='上一次演示' span上一次演示/span/a

a class=' Codrops-icon Codrops-icon-drop ' href=' http://tym panus .net/Codrops/2015/05/06/photo-web-concept/' title=' Back to the article ' span Back to the Codrops article/span/a

/div

h1 class=' codrops-title ' Christian Zana SPan摄影/span/h1

nav class='menu '

a class=' menu _ _ item ' href=' # ' SPan关于/span/a