夜空中最亮的星怎么没出现 - 第2页 - 马黑黑教程专版 - 花潮论坛

马黑黑 发表于 2021-12-31 22:24

千羽发表于 2021-12-31 22:15
黑黑你有遮罩动画代码吗？

没有。不过遮罩并不难做，去网上查一查就会

马黑黑 发表于 2021-12-31 22:24

红影发表于 2021-12-31 22:22
这个太厉害了，这么多闪耀星星在飞舞。太美了，黑黑就是星空中最亮的那颗星

我假装是隐身的{:4_170:}

千羽发表于 2021-12-31 22:28

马黑黑发表于 2021-12-31 22:24
没有。不过遮罩并不难做，去网上查一查就会

就因为遮罩不难，我才想要他的代码。好的，我去查下。

祝马黑黑元旦开心快乐{:4_187:}

小辣椒 发表于 2021-12-31 22:37

黑黑又出新的教程了{:4_178:}

千羽发表于 2021-12-31 23:08

马黑黑发表于 2021-12-31 21:09
代码分享：
马黑黑老师做的挺好看，来学一个{:4_205:}

千羽发表于 2021-12-31 23:09

千羽发表于 2021-12-31 23:08
马黑黑老师做的挺好看，来学一个

<style type="text/css">

.fSet {
   color:#eee;
   font-family:'楷体','宋体','新宋体';
   font-size:40px;
   font-weight:bold;
   line-height:100px;
   text-align:center;
   border-radius:50%;
   text-shadow:1px 1px #000,1px 1px #111,1px 1px #222,1px 1px #333,1px 1px #444,1px 1px #555;
   position:absolute;
   left:0px;
   top:0px;
}

.iMov {
   width:100px;
   height:100px;
   background:red;
   animation:iGo linear 10s infinite;
}

.hMov {
   width:100px;
   height:100px;
   background:darkred;
   animation:iGo linear 12s infinite;
}

.yMov {
   width:100px;
   height:100px;
   background:green;
   animation:yGo linear 10s infinite;
}

.sMov {
   width:100px;
   height:100px;
   background:coral;
   animation:yGo linear 15s infinite;
}

@keyframes iGo { /* 顺时针路线 */
   0%,100%    { transform:translate(calc(50vw - 120px),0px); }
   25%    { transform:translate(calc(100vw - 120px),calc(50vh - 100px)); }
   50%    { transform:translate(calc(50vw - 120px),calc(100vh - 120px)); }
   75%    { transform:translate(0px,calc(50vh - 120px)); }
}

@keyframes yGo { /* 逆时针路线 */
   0%,100%    { left:calc(50vw - 120px); top:0px; }
   25%    { left:0px; top:calc(50vh - 120px); }
   50%    { left:calc(50vw - 120px); top:calc(100vh - 120px); }
   75%    { left:calc(100vw - 120px); top:calc(50vh - 120px); }
}

</style>

<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=1 height=1 src="//music.163.com/outchain/player?type=2&id=1345902677&auto=1&height=66"></iframe>
<div class="fSet yMov">双</div>
<div class="fSet sMov">节</div>
<div class="fSet iMov">开</div>
<div class="fSet hMov">心</div>

马黑黑 发表于 2021-12-31 23:43

千羽发表于 2021-12-31 23:08
马黑黑老师做的挺好看，来学一个

{:4_190:}

马黑黑 发表于 2021-12-31 23:43

小辣椒发表于 2021-12-31 22:37
黑黑又出新的教程了

这个知识应用

小辣椒 发表于 2021-12-31 23:46

马黑黑发表于 2021-12-31 23:43
这个知识应用

我自己旧帖里面也是玩了一下

马黑黑 发表于 2022-1-1 08:28

小辣椒发表于 2021-12-31 23:46
我自己旧帖里面也是玩了一下

{:4_187:}
新年快乐！

加林森 发表于 2022-1-1 11:54

老黑新年快乐！{:4_191:}

马黑黑 发表于 2022-1-1 11:54

加林森发表于 2022-1-1 11:54
老黑新年快乐！

队长新年好

加林森 发表于 2022-1-1 12:14

马黑黑发表于 2022-1-1 11:54
队长新年好

吃午饭没有啊？

马黑黑 发表于 2022-1-1 12:36

加林森发表于 2022-1-1 12:14
吃午饭没有啊？

早吃了

加林森 发表于 2022-1-1 13:19

马黑黑发表于 2022-1-1 12:36
早吃了

好的

杨柳青 发表于 2022-1-1 21:44

马黑黑发表于 2021-12-31 21:29
没有最亮的星

四颗星够亮了~~{:5_112:}

马黑黑 发表于 2022-1-1 22:03

杨柳青发表于 2022-1-1 21:44
四颗星够亮了~~

照亮的大地

马黑黑 发表于 2022-1-10 17:09

测试表格HTML代码（默认）：<br> 

<table><tbody>
<tr><th>序号</th><th>姓名</th><th>职务</th><th>备注</th></tr>
<tr><td>1</td><td>张三</td><td>班长</td><td>代理</td>
</tr><tr><td>2</td><td>李四</td><td>副班长</td><td></td>
</tr><tr><td>3</td><td>张三</td><td>班长</td><td></td>
</tr>
</tbody></table>

马黑黑 发表于 2022-1-10 17:11

测试表格HTML代码（加border值）：<br> 
<table border="1"><tbody>
<tr><th>序号</th><th>姓名</th><th>职务</th><th>备注</th></tr>
<tr><td>1</td><td>张三</td><td>班长</td><td>代理</td>
</tr><tr><td>2</td><td>李四</td><td>副班长</td><td></td>
</tr><tr><td>3</td><td>张三</td><td>班长</td><td></td>
</tr>
</tbody></table>

马黑黑 发表于 2022-1-10 17:16

测试表格HTML代码（加CSS修饰）：<br> 
<style type="text/css">
.tDiv table { margin:0 auto; width:80%; border:1px solid navy; border-collapse:separate; }
.tDiv th { font-weight:bold; border:1px dotted tomato; }
.tDiv td { border: 1px dotted coral; }
</style>

<div class="tDiv">
<table><tbody>
<tr><th>序号</th><th>姓名</th><th>职务</th><th>备注</th></tr>
<tr><td>1</td><td>张三</td><td>班长</td><td>代理</td>
</tr><tr><td>2</td><td>李四</td><td>副班长</td><td></td>
</tr><tr><td>3</td><td>张三</td><td>班长</td><td></td>
</tr>
</tbody></table>
</div>

页: 1 [2] 3

花潮论坛's Archiver