❀520情人节告白网页代码❀—浪漫梦幻3D相册(樱花主题)HTML+CSS+JavaScript

❀ 520七夕情人节告白网页代码❀—浪漫梦幻3D相册(樱花主题)HTML+CSS+JavaScript

520七夕节告白,也就是中国的情人节,你除了送花你还会什么？？ 快来制作高端大气上档次的D立体动态相册表白网页吧!

七夕节是一个十分浪漫的节日，相传牛郎织女每年农历七月七日会在鹊桥上相会，所以七夕是中国自古流传至今的情人节，在这一天如果你有喜欢的对象，不妨鼓起勇气表白哟。

❀ 3D相册效果演示

1.❤100款表白源码演示地址

1. PC(电脑端)演示

2. H5(手机端)演示

❀ 代码目录

❀二、3D相册(代码实现)

1.html 背景部分

    <!-- 音乐 -->
    <audio controls autoplay>
      <source src="renxi.mp3">
  </audio>
  <!-- 背景 -->
  <div style="position:fixed;width: 100%;height:100%;top:0; z-index:-1;">
      <div id="background" class="wall"></div>
      <div id="midground" class="wall"></div>
      <div id="foreground" class="wall"></div>
      <div id="top" class="wall"></div>
  </div>
 <!-- 相册 -->
    <div id="jsi-cherry-container" class="container">
      <div class="box">
        <ul class="minbox">
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
        </ul>
        <ol class="maxbox">
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></li>
          <li></