Web网站模板-响应式个人企业照片墙展示网站模板(HTML+CSS+JavaScript)

Posted 2022-01-16 前端picker

欢迎大家给我投票，投票加我好友，全部资源免费送！！！
点击下方链接，拉到底部，五星好评
https://bbs.csdn.net/topics/603955263?spm=1001.2014.3001.6953
或者主页左上角直接投票！！！

你还在未html网页设计作业头大吗？

你还在为自学前端，没有项目练手苦恼吗？

你还在为外包项目没有模板难受吗?

关注专栏《前端网站模板》，自用，作业，外包。你想要的全都有，持续更新，励志更新1000套模板！！

页面设计 -文末获取完整源码

相册集

       <div class="hexagon hexagon2 gallery-item">
                <div class="hexagon-in1">
                  <div class="hexagon-in2" style="background-image: url(images/gallery/1.jpg);">
                    <div class="overlay">
                      <a href="images/gallery/1.jpg" data-rel="lightbox" class="fa fa-expand"></a>
                    </div>
                  </div>
                </div>
              </div>

详情列表

   <div class="col-md-3 col-sm-8 template_servicetxt">
              <h2>模板</h2>
              <p>這張照片是在2008年暑假開往嘉義的途中拍攝的，八月正值炎夏，黃昏中的夕陽
                赤紅的漂亮，順勢隨手拍下。太陽西下，夕陽被高速公路煞景的欄杆給擋住，憑
                著光的直線前進與繞射現象，光線卻巧妙地順著欄杆繞了過來，進入了鏡頭之下。</p>
            </div>

横向展示

        </div>
            <div class="template_servicecol2">
                      <div class="clear"></div>
                      <div class="overlay template_overlaytxt">
                        Cras interdum accumsan diam
                        明天钻石就会积累起来</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-3 col-sm-8 template_servicetxt">
                <h2>模板</h2>
                <p>這張照片是在2008年暑假開往嘉義的途中拍攝的，八月正值炎夏，黃昏中的夕陽
                  赤紅的漂亮，順勢隨手拍下。太陽西下，夕陽被高速公路煞景的欄杆給擋住，憑
                  著光的直線前進與繞射現象，光線卻巧妙地順著欄杆繞了過來，進入了鏡頭之下。</p>
              </div>
            </div>

功能

大图预览

hover效果

获取完整源码：关注公众号【半夏话前端】回复[照片墙]，免费获取源码。回复[网站模板],免费获取50+套模板
大家点赞、收藏、关注、评论啦 、查看👇🏻👇🏻👇🏻微信公众号获取👇🏻👇🏻👇🏻