马黑黑 发表于 2022-3-13 08:07
肯定好的
当然当然
加林森 发表于 2022-3-13 10:23
当然当然
对的
马黑黑 发表于 2022-3-13 11:25
对的
嗯嗯
加林森 发表于 2022-3-13 12:20
嗯嗯
{:4_190:}
马黑黑 发表于 2022-3-13 12:48
谢茶
加林森 发表于 2022-3-13 12:51
谢茶
客气了
马黑黑 发表于 2022-3-13 12:51
客气了
应该的
马黑黑 发表于 2022-3-12 22:56
关键是色层吧,构图的色层,如果能够呈现人像的轮廓,就可以有好的效果
我在楼下给你看看效果{:4_173:}
<style type="text/css">
#textBox {
margin: 20px auto 0;
width: 389px;
height: 500px;
border-radius: 50%;
color: transparent;
font-size: 10px;
letter-spacing: -3px;
white-space: normal;
word-wrap: break-word;
word-break: break-all;
background: #333 url('https://www.huachaowang.com/data/attachment/forum/202203/12/110312suwdiyz1dp1yfluu.jpg') no-repeat
center/cover;
background-clip: text;
-webkit-background-clip: text;
}
</style>
<div id="textBox"></div>
<script language="javascript">
var letter = "我提一壶春风时,绵长";
var ttStr = "";
for(j=0; j<200; j++){
ttStr += (j%2 == 0 ? letter.toUpperCase() : letter);
}
document.getElementById("textBox").innerHTML = ttStr + " 2022-3-12";
</script>
https://www.huachaowang.com/data/attachment/forum/202203/12/110312suwdiyz1dp1yfluu.jpg
马黑黑 发表于 2022-3-12 22:58
这个其实好理解,img标签能用的图形,就可以做背景图,就能通过对background的clip来做text特效
这些功能好强大{:4_199:}
红影 发表于 2022-3-13 14:16
这些功能好强大
HTML,CSS,JS已经令人惊叹了,而这些,在某种意义上说说不算什么呢,它们只是编程世界中最不起眼的分支
红影 发表于 2022-3-13 14:15
#textBox {
margin: 20px auto 0;
width: 389px;
还不错
红影 发表于 2022-3-13 14:14
我在楼下给你看看效果
看到了,可以的
马黑黑 发表于 2022-3-13 15:31
HTML,CSS,JS已经令人惊叹了,而这些,在某种意义上说说不算什么呢,它们只是编程世界中最不起眼的分支
编程的世界还真是丰富多彩啊{:4_187:}
马黑黑 发表于 2022-3-13 15:32
看到了,可以的
嗯嗯,还能看出人物的轮廓{:4_173:}
厉害啊还以为手动排出来的呢
空了学习,谢谢老黑 ,晚上好 {:4_179:}{:4_190:}
大猫咪 发表于 2022-3-13 20:22
空了学习,谢谢老黑 ,晚上好
晚上好
红影 发表于 2022-3-13 20:13
嗯嗯,还能看出人物的轮廓
嗯嗯,可以的