【代码音画】《南风满袖》之滴答滴答+季夏，文：初音

季夏の云

滴答，滴答

文：初音  图：季夏

飘忽的思绪呢？被词语放逐，还是将词语集结//滴答，滴答，空气略显沉闷。眉间聚拢的山峦，种子和花粉，尚无着落

季夏の云

把代码进行到底，论坛LOGO也加上了

季夏の云

附：代码

1. <DIV style="LEFT: -171px; WIDTH: 1480px; POSITION: relative; TOP: 10px">
   
2. <div align="center">
   
3. <section style="margin:10px 0px;">
   
4.         <section style="margin:-12px 0px 0px;background-color:#9CA2A6;" class="">
   
5.             <section style="width:100%;" class="">
   
6.                 <img src="https://bcn.135editor.com/files/users/596/5964096/202209/usvbuuAW_fwvQ.png" style="display:block;width:100%;" data-width="100%"/>
   
7. </section>         
   
8.         <section style="margin: 20px auto;">
   
9.                         <section><p style="margin-top:-130px;">
   
10.                                 <section style="font-size: 56px;color: #fff;text-align: left;opacity: 0.69;margin-left: 85px;letter-spacing: 6px;">
    
11.                                         <span style="font-size:56px；"><strong class="135brush" data-brushtype="text">滴答，滴答</strong></span>
    
12.                                 </section>
    
13.                                 <section style="display: flex;justify-content: left;align-items: left;">
    
14.                                         <section style="flex-shrink: 0;">
    
15.                                                 <section style="font-size: 16px;color: #ffffff;text-align: center;padding: 5px 10px;background-color: #4b8926;">
    
16.                                                         <span style="font-size:14px">文：初音&nbsp; 图：季夏</span>
    
17.                                                 </section>
    
18.                                         </section></section>
    
19.                                         <section>
    
20.                                                 <section style="font-size: 16px;color: #4b8926;text-align: center;padding: 5px 10px;background-color: #fdfcf3;">
    
21.                                                         <span style="color:#80a633"><strong class="135brush" data-brushtype="text" hm_fix="295:317"><strong style="overflow-wrap: break-word; color: #616669; font-family: &quot;Microsoft YaHei&quot;, Tahoma, Helvetica, SimSun, sans-serif; font-size: 14px;letter-spacing: 1.7px;"><span style="font-family: punctuation, 微软雅黑, Tohoma; overflow-wrap: break-word;"><strong>飘忽的思绪呢？被词语放逐，还是将词语集结//滴答，滴答，空气略显沉闷。眉间聚拢的山峦，种子和花粉，尚无着落</strong></span></strong></strong></span>
    
22.                                                 </section>
    
23.                                         </section>
    
24.                                         <section style="flex-shrink: 0;margin-left: -5px;">
    
25.                                                 <section class="assistant" style="box-sizing:border-box;width: 23px;">
    
26.                                                         <img class="assistant" style="max-width: 100% !important;box-sizing:border-box;vertical-align:inherit;width: 100%; display: block;" src="http://bbs.zjiao.net/data/attachment/forum/202209/15/225147cxfyzz3idqn88dxi.gif" data-width="100%" draggable="false" data-ratio="0.9859154929577465" data-w="71"/>
    
27.                                                 </section>
    
28.                                         </section>
    
29.                                 </section>
    
30.                         </section>
    
31.                 </section>
    
32.         </section>
    
33. </section>
    
34. <section data-role="paragraph" class="_135editor">
    
35.         <p >
    
36.                 <br/>
    
37.         </p>
    
38. </section>           
    
39. 
    
40.             </section>
    
41.         </section>
    
42.         <section style="width:260px;margin-left:-820px;margin-top:-220px;">
    
43.             <img src="http://bbs.zjiao.net/data/attachment/forum/202209/15/115042cw1rl86wmur3hhms.png" style="display: block; width: 100%; height: auto;" alt="" data-width="100%"/>
    
44. <audio style="width:1px;height:1px;" controls="controls" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=32419709.mp3" type="audio/mpeg"></audio>
    
45.         </section>
    
46.     </section>
    
47. </section>
    
48. <section class="_editor">
    
49.     <section class="tool-border">
    
50.         <section></section>
    
51.         <section></section>
    
52.         <section></section>
    
53.         <section></section>
    
54.     </section>
    
55.     <p>
    
56.         <br/>
    
57.     </p>
    
58. </section>

复制代码

尹初音

哎呀，我以后也用代码吧，做出来的效果和寓意都很好

简兮

这一大串的代码看着只有羡慕的份

简兮

赏心悦目的画面，钢琴曲明快跳跃，音与图相得益彰

旷远

哈哈，还附带代码全套的，钢琴是滴答滴答，花朵也是鲜鲜艳艳滴，更喜欢背景处晕染的绿，自然以沫~

听枫

你就说你，这效果也没啥特别，这么几个字顺手就PS上了，非整代码，真是闲的

冷山杉

代码  这玩愣~
指定是我有仇
每次整代码
都和它拉扯半天
弄得我身心俱疲~
云儿这是手到擒来啊~

冰冰

清清爽爽的，不仅是南风满袖，更是春风拂面呀