第1行: |
第1行: |
− | <div style="background-color: rgba(49,53,72,0.7); | + | <div style="background: -webkit-linear-gradient(45deg, #c96881 0%, #f7b695 100%);"> |
− | border-left: 10px solid #84ff00; | + | <div style="cursor: pointer;"> |
− | display: inline-block; | + | <div style="overflow: hidden; |
− | width: calc(100% - 24px); | + | width: 70px; |
− | padding-left: 1em; | + | position: absolute; |
− | margin: 10px 0px; | + | background: #F1F0ED; |
− | line-height: 80px; | + | z-index: 10; |
− | height: 80px; | + | height: 70px; |
− | font-size: 1.2em;">[[爆裂小队]]二测语音已更新。快去查看吧!</div> | + | border-radius: 100px; |
| + | left: 0; |
| + | box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.28); |
| + | right: 0; |
| + | margin: auto; |
| + | border: 4px solid white; |
| + | top: 82px;"></div> |
| + | <div style="height: 120px; |
| + | border-top-left-radius: 14px; |
| + | border-top-right-radius: 14px; |
| + | overflow: hidden;"></div> |
| + | <div style="padding: 20px;"><div style="font-weight: 800; |
| + | text-transform: uppercase; |
| + | color: rgba(255, 255, 255, 0.64); |
| + | margin-top: 40px; |
| + | font-size: 25px; |
| + | letter-spacing: 1px;">SFX</div> |
| <div style="color: white; | | <div style="color: white; |
− | font-weight: bold;font-size:1.2em; | + | font-weight: 800; |
− | border-radius: 8px;
| + | font-size: 70px; |
− | padding: 12px;
| + | text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.42);">音效</div> |
− | width: 200px;
| + | <div style=" color: rgba(255, 255, 255, 0.6); |
− | text-align: center; | + | font-weight: 100; |
− | margin: 0px;
| + | margin-top: 20px; |
− | height: 50px;
| + | font-size: 13px; |
− | line-height: 33px;
| + | line-height: 16px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at posuere eros. Interdum et malesuada fames ac ante ipsum primis in faucibus. </div></div> |
− | background-color: rgb(4,173,255);">最新消息</div>
| + | </div></div> |
− | <div style="color: black; | |
− | padding: 1em;
| |
− | background-color: white;
| |
− | margin: 0px 10px 0px 0px;
| |
− | font-size: 20px;
| |
− | box-shadow: 1px 1px 2px 1px rgba(68, 68, 68, 0.3);
| |
− | border-radius: 0px 4px 4px 0px; | |
− | position: relative; | |
− | top: -20px; | |
− | width: calc(100% - 30px);border-left: 9px solid rgb(4,173,255);"> 一个简单的幻灯片效果:小动物之星广告费结一下。</div> | |