Backrooms Wiki

请务必阅读顶端导航指南下面的所有文章。 提问,投诉和意见反馈请发送至管理层邮箱backrooms_cn@outlook.com

了解更多

Backrooms Wiki
Advertisement

注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:前往菜单 → 设置(Mac为Opera → Preferences),然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件
<div class="music active">

    <i>1</i>

    <i>2</i>

    <i>3</i>

    <i>4</i>

    <i>5</i>

    <i>6</i>

    </div>
<style>

* { margin: 0; padding: 0 }

html { overflow-y: scroll }

body, h1, h2, h3, p, div, dl, dt, dd, ul, ol, li, table, th, td, form, button, input, textarea, legend, hr { padding: 0; margin: 0 }

body { padding: 0; margin: 0;  color: #333; font: 12px/18px "微软雅黑", arial; height: 100% }

button, input, select, textarea { font-size: 100% }

textarea { font: 14px/20px "微软雅黑" }

button { border: 0 }

li { list-style: none }

img { border: 0; }

a { color: #06c; text-decoration: none; cursor: pointer; outline: none; hide-focus:expression(this.hideFocus = true);}

a:hover { color: #06c; text-decoration: underline }

.left{ float:left;}

.right{ float:right;}

.clear:after,ul:after{content:"";display:block;visibility:hidden;height:0;clear:both;}

.clear,.area,.con:after{zoom:1}

</style>

<style>

.music{width: 50px;height: 1px;margin:100px auto;position: relative;}

.music i{width: 4px;height: 5px;position: absolute;bottom:0;background-color: #333; font-size:0;}

.music i:nth-of-type(1){left:0;}

.music i:nth-of-type(2){left:8px;}

.music i:nth-of-type(3){left:16px;}

.music i:nth-of-type(4){left:24px;}

.music i:nth-of-type(5){left:32px;}

.music i:nth-of-type(6){left:40px;}

.music.active i:nth-of-type(1){-webkit-animation:wave 0.66s linear infinite;animation:wave 0.66s linear infinite;}

.music.active i:nth-of-type(2){-webkit-animation:wave 0.8s linear infinite;animation:wave 0.8s linear infinite;}

.music.active i:nth-of-type(3){-webkit-animation:wave 0.7s linear infinite;animation:wave 0.7s linear infinite;}

.music.active i:nth-of-type(4){-webkit-animation:wave 0.5s linear infinite;animation:wave 0.5s linear infinite;}

.music.active i:nth-of-type(5){-webkit-animation:wave 0.9s linear infinite;animation:wave 0.9s linear infinite;}

.music.active i:nth-of-type(6){-webkit-animation:wave 1.2s linear infinite;animation:wave 1.2s linear infinite;}

@-webkit-keyframes wave{0%{height:8px}50%{height: 32px}100%{height: 12px}}

@keyframes wave{0%{height:8px}50%{height: 32px}100%{height: 12px}}

</style>
Advertisement