马黑黑 发表于 2022-4-6 09:59

这个有啥用

<style>

.light {
        width: 0px;
        height: 0px;
        border: 12px solid;
        border-color: transparent deepskyblue transparent transparent;
        transform-origin: 50% 0;
        transform: scale(50,1.2);
        animation: rot 8s ease infinite alternate;
}
</style>

<div class="light"></div>

马黑黑 发表于 2022-4-6 10:01

<pre>

代码如下：

&lt;style&gt;
<span style='color: red;'>.light </span>{
&nbsp; &nbsp;<span style='color: blue;'>width</span>: 0px;
&nbsp; &nbsp;<span style='color: blue;'>height</span>: 0px;
&nbsp; &nbsp;<span style='color: blue;'>border</span>: 12px solid;
&nbsp; &nbsp;<span style='color: blue;'>border-color</span>: transparent deepskyblue transparent transparent;
&nbsp; &nbsp;<span style='color: blue;'>transform-origin</span>: 50% 0;
&nbsp; &nbsp;<span style='color: blue;'>transform</span>: scale(50,1.2);
&nbsp; &nbsp;<span style='color: blue;'>animation</span>: rot 8s ease infinite alternate;
}
&lt;/style&gt;

&lt;<span style='color:darkred'>div</span> <span style='color: red'>class</span><span style='color: blue'>=</span><span style='color: magenta'>"light"</span>&gt;&lt;<span style='color: darkred'>/div</span>&gt;

</pre>

马黑黑 发表于 2022-4-6 10:01

用处：敬请期待

梦油 发表于 2022-4-6 10:15

黑版早晨好！我在这方面是一个大外行。我猜这是否可用作路标或者音量大小的标志啊？

马黑黑 发表于 2022-4-6 10:50

梦油 发表于 2022-4-6 10:15
黑版早晨好！我在这方面是一个大外行。我猜这是否可用作路标或者音量大小的标志啊？

不是呢，去看这里：

https://www.huachaowang.com/forum.php?mod=viewthread&tid=58456&extra=page%3D1

梦油 发表于 2022-4-6 11:15

马黑黑 发表于 2022-4-6 10:50
不是呢，去看这里：

https://www.huachaowang.com/forum.php?mod=viewthread&tid=58456&extra=page%3D ...

哦！是探照灯的光柱啊。真棒！{:4_199:}

加林森 发表于 2022-4-6 11:35

这个光柱挺好的，要加进帖子里还真不容易呢。

马黑黑 发表于 2022-4-6 12:01

加林森 发表于 2022-4-6 11:35
这个光柱挺好的，要加进帖子里还真不容易呢。

这是时最容易的

马黑黑 发表于 2022-4-6 12:01

梦油 发表于 2022-4-6 11:15
哦！是探照灯的光柱啊。真棒！

感谢支持{:5_108:}

加林森 发表于 2022-4-6 12:05

马黑黑 发表于 2022-4-6 12:01
这是时最容易的

你先制作一个出来让我们看看。

马黑黑 发表于 2022-4-6 12:07

加林森 发表于 2022-4-6 12:05
你先制作一个出来让我们看看。

你不是已经看了光柱那个示例吗？它就是。至于帖子内容，自己弄就行。

加林森 发表于 2022-4-6 12:08

马黑黑 发表于 2022-4-6 12:07
你不是已经看了光柱那个示例吗？它就是。至于帖子内容，自己弄就行。

嗯嗯，我先看看再去试一试。

马黑黑 发表于 2022-4-6 12:12

加林森 发表于 2022-4-6 12:08
嗯嗯，我先看看再去试一试。

嗯，要加强做帖的自主能力，不能老是套用，即使是套用，也要逐渐加入更多自己的思路。

加林森 发表于 2022-4-6 12:14

马黑黑 发表于 2022-4-6 12:12
嗯，要加强做帖的自主能力，不能老是套用，即使是套用，也要逐渐加入更多自己的思路。

是的是的，这个道理我明白的。

马黑黑 发表于 2022-4-6 12:16

加林森 发表于 2022-4-6 12:14
是的是的，这个道理我明白的。

{:4_181:}

加林森 发表于 2022-4-6 12:32

马黑黑 发表于 2022-4-6 12:16


{:4_190:}

梦油 发表于 2022-4-6 13:22

马黑黑 发表于 2022-4-6 12:01
感谢支持

不客气

红影 发表于 2022-4-6 13:35

马黑黑 发表于 2022-4-6 10:01
用处：敬请期待

这个有意思，长宽都是0 ，仅仅用border就是做出这样的效果{:4_204:}

马黑黑 发表于 2022-4-6 15:07

红影 发表于 2022-4-6 13:35
这个有意思，长宽都是0 ，仅仅用border就是做出这样的效果

嗯，这里是基本型，加工后就可以做把长剑呀什么的送给东篱

马黑黑 发表于 2022-4-6 15:07

梦油 发表于 2022-4-6 13:22
不客气

{:5_108:}
页: [1] 2
查看完整版本: 这个有啥用