十三月论坛

查看: 145|回复: 8

[纯水] 一些好玩的代码

[复制链接]
八月未央

贫僧法号无非,无事生非的非。
凤凰
发表于 2023-2-22 22:46 | 显示全部楼层 |阅读模式
1.制作镂空文字



技术要点:在本实例中,实现文字的镂空效果主要应用了CSS3中的text-stroke属性,通过该属性可以设置文字的描边效果。语法格式如下:

  1. text-stroke:[text-stroke-width] || [text-stroke-color]
  2. /*参数说明:
  3. text-stroke-width:设置文字的描边厚度。
  4. text-stroke-color:设置文字的描边颜色。*/
复制代码


代码实现:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.         <meta charset="UTF-8">
  5.         <title>制作镂空文字</title>
  6.         <style type="text/css">
  7.                 body{
  8.                    /*background:#FFCCFF; /*设置页面背景颜色*/
  9.                    text-align:center; /*设置文字居中*/
  10.                 }
  11.                 div{
  12.                    font-family:"华文彩云";/*设置字体*/
  13.                    font-size:64px; /*设置字体大小*/
  14.                    font-weight:bolder; /*设置字体粗细*/
  15.                    -webkit-text-stroke:1px #0000FF;        /*文字描边*/
  16.                    -webkit-text-fill-color:transparent;    /*设置文字的填充颜色*/
  17.                 }
  18.         </style>
  19. </head>
  20. <body>
  21.         <div>生活充满了阳光</div>
  22. </body>
  23. </html>
复制代码

————————————————
版权声明:本文为CSDN博主「Amo Xiang」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/xw1680/article/details/118065460

获得 小恶魔卡 一张

卡片说明:拈花小和尚在丢节操时不小心丢成了3 点 钻石。

卡片效果:损失 3 点 钻石

龙肉最鲜,唐僧肉最香。
八月未央

贫僧法号无非,无事生非的非。
凤凰
 楼主| 发表于 2023-2-22 22:51 | 显示全部楼层
点击链接,有更多特效代码,目前只对这一个感兴趣,只转了它。有机会的话练练。但看代码,它需要华文彩云的字体支持。黑体恐怕效果不如这个好。

获得 大财神卡 一张

卡片说明:拈花小和尚 发帖时触发黑人buff,捡到7 点 钻石,黑属性大增。

卡片效果:获得 7 点 钻石

龙肉最鲜,唐僧肉最香。
回复 使用道具

. 云 上 种 花 .
绿龙
发表于 2023-2-23 07:53 | 显示全部楼层
<style>
div{font-family:"华文彩云"; font-size:64px; font-weight:bolder; -webkit-text-stroke:1px #0000FF; -webkit-text-fill-color:transparent; }
</style>
<div>早安!</div>

回复 使用道具

. 云 上 种 花 .
绿龙
发表于 2023-2-23 07:53 | 显示全部楼层
我晕,我做了什么,帖子怎么这样了
回复 使用道具

八月未央

贫僧法号无非,无事生非的非。
凤凰
 楼主| 发表于 2023-2-23 08:05 | 显示全部楼层
云上 发表于 2023-2-23 07:53
我晕,我做了什么,帖子怎么这样了

这样的代码应该不能直接用。
我先把你那个帖子的html勾去掉了。
龙肉最鲜,唐僧肉最香。
回复 使用道具

八月未央

贫僧法号无非,无事生非的非。
凤凰
 楼主| 发表于 2023-2-23 08:06 | 显示全部楼层
云上 发表于 2023-2-23 07:53
我晕,我做了什么,帖子怎么这样了

测试证明,华文彩云不需要安装也能显示。
原来这样。一会看看。乍搞的。
字体不用安装也显示么?
龙肉最鲜,唐僧肉最香。
回复 使用道具

八月未央

贫僧法号无非,无事生非的非。
凤凰
 楼主| 发表于 2023-2-23 08:15 | 显示全部楼层
云上 发表于 2023-2-23 07:53
我晕,我做了什么,帖子怎么这样了

经测试,这个代码是对整个页面生效的。
龙肉最鲜,唐僧肉最香。
回复 使用道具

八月未央

贫僧法号无非,无事生非的非。
凤凰
 楼主| 发表于 2023-2-23 08:19 | 显示全部楼层
去掉了部分代码,仍然是整个页面生效。
不能用在html帖里。模板css可以用。

获得 小赌神卡 一张

卡片说明:拈花小和尚用仅剩的两块钱去买彩票,竟然中了2 点钻石。

卡片效果:获得 2 点 钻石

龙肉最鲜,唐僧肉最香。
回复 使用道具

八月未央

贫僧法号无非,无事生非的非。
凤凰
 楼主| 发表于 2023-3-16 17:52 | 显示全部楼层
潇然 发表于 2023-3-16 15:27
本帖最后由 潇然 于 2023-3-16 15:30 编辑 成功

成功了,然后编辑掉了?

获得 大穷神卡 一张

卡片说明:拈花小和尚被钱袋砸中进医院,看病花了15 点钻石。

卡片效果:损失 15 点 钻石

龙肉最鲜,唐僧肉最香。
回复 使用道具

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|十三月论坛

GMT+8, 2024-5-9 05:52 , Processed in 0.075387 second(s), 25 queries .

Powered by Discuz! X3.5

Copyright © 2001-2023 Tencent Cloud.

快速回复 返回顶部 返回列表