大猫咪 发表于 2022-4-6 22:09

Say Forever - JS

本帖最后由 大猫咪 于 2024-3-25 21:15 编辑 <br /><br /><br /><br /><br /><br /><br /><br /><style type="text/css">
.outwin {
      width: 1080px;
      height: 735px;
      background: gray url('https://s3.bmp.ovh/imgs/2022/04/06/cdbc7fde06a79c59.webp');
      position: relative;
      opacity: .85;
      left: -302px;
}
.outwin::before {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      background: transparent url('/data/attachment/forum/202204/02/082246n566q71e3o7nwev3.gif');
      filter: blur(5px);
}
.outwin::after {
      content: attr(data-hh);
      position: absolute;
      right: 10px;
      top: 10px;
      color: transparent;
      font: bold 2em Sans-serif;
      writing-mode: horizontal-tbr;
      text-shadow: 2px 2px 3px #D5BF77;
}
</style>

<div class="outwin" data-hh="Say Forever "></div>

<script language="javascript">
let yyy = document.createElement('iframe');
yyy.src = '//music.163.com/outchain/player?type=2&id=361073&auto=1&height=66""></iframe>';
yyy.style.display = 'none';
document.querySelector('.outwin').appendChild(yyy);
</script>
<br /><br /><br /><br /><br /><br />

红影 发表于 2022-4-6 22:17

猫猫又做了个下雪的啊，漂亮{:4_187:}

大猫咪 发表于 2022-4-6 22:19

红影 发表于 2022-4-6 22:17
猫猫又做了个下雪的啊，漂亮

红影字怎么横着啊{:5_117:} 怎么是直的

梦油 发表于 2022-4-7 10:29

猫版早晨好！
学习、欣赏、赞扬。

红影 发表于 2022-4-7 13:36

大猫咪 发表于 2022-4-6 22:19
红影字怎么横着啊   怎么是直的

是writing-mode 用了竖排，它有几种模式：

horizontal-tb：水平方向自上而下的书写方式。即 left-right-top-bottom
vertical-rl：垂直方向自右而左的书写方式。即 top-bottom-right-left
vertical-lr：垂直方向内内容从上到下，水平方向从左到右
sideways-rl：内容垂直方向从上到下排列
sideways-lr：内容垂直方向从下到上排列

换一下模式，就能得到想要的排列模式了。

红影 发表于 2022-4-7 13:38

你现在帖子里的是 writing-mode: vertical-lr
吧红色部分换成horizontal-tb ，调整一下位置，应该就可以了。

绿叶清舟 发表于 2022-4-7 20:49

猫又出新效果了啊，这歌好听第一次听的呢{:4_204:}

红芍药 发表于 2022-4-9 13:18

猫咪手艺精湛，俺学不来。{:4_199:}{:4_199:}

顾-念 发表于 2022-4-9 17:23

大雪哗哗下，北京来电话，哈哈

大猫咪 发表于 2022-4-9 22:38

红影 发表于 2022-4-7 13:38
你现在帖子里的是 writing-mode: vertical-lr
吧红色部分换成horizontal-tb ，调整一下位置，应该就可以了 ...

谢谢红影 {:4_187:} 又明白一点{:5_106:} 辛苦了{:4_190:}{:4_179:}

大猫咪 发表于 2022-4-9 22:40

绿叶清舟 发表于 2022-4-7 20:49
猫又出新效果了啊，这歌好听第一次听的呢

哈哈清舟学习做一个    这歌是交通台上听到的，感觉挺好听{:5_106:}{:4_204:}{:4_179:}

大猫咪 发表于 2022-4-9 22:41

红芍药 发表于 2022-4-9 13:18
猫咪手艺精湛，俺学不来。

谢谢芍药支持鼓励 {:5_106:} 还在一直学习中， 头也大呢{:4_189:}

大猫咪 发表于 2022-4-9 22:43

顾-念 发表于 2022-4-9 17:23
大雪哗哗下，北京来电话，哈哈

哈哈   顾念兄说对了来电话回家看看{:4_170:} {:4_204:}

马黑黑 发表于 2022-4-10 13:45

大猫咪越来越精进了

大猫咪 发表于 2022-4-10 14:05

马黑黑 发表于 2022-4-10 13:45
大猫咪越来越精进了

谢谢黑黑支持鼓励， 有你真好！    猫继续努力中午好   {:4_190:}{:4_179:}

马黑黑 发表于 2022-4-10 14:09

大猫咪 发表于 2022-4-10 14:05
谢谢黑黑支持鼓励， 有你真好！    猫继续努力中午好

下午好

红影 发表于 2022-4-10 15:01

大猫咪 发表于 2022-4-9 22:38
谢谢红影又明白一点   辛苦了

这个是黑黑讲的，反正想要什么文字排列，从那里面选就行了{:4_173:}

大猫咪 发表于 2022-4-10 19:46

红影 发表于 2022-4-10 15:01
这个是黑黑讲的，反正想要什么文字排列，从那里面选就行了

嗯嗯    明白了{:5_106:}{:4_179:}

绿叶清舟 发表于 2022-4-10 20:12

大猫咪 发表于 2022-4-9 22:40
哈哈清舟学习做一个    这歌是交通台上听到的，感觉挺好听

很好听，还是第一次听的

顾-念 发表于 2022-4-10 21:13

大猫咪 发表于 2022-4-9 22:43
哈哈   顾念兄说对了来电话回家看看

回家有好吃的，哈哈
页: [1] 2
查看完整版本: Say Forever - JS