CSS 花体字

一些好看的 CSS 花体字样式，适合网页美化和前端设计参考。

Sunt

sunt

看不到可能因为api挂了,要梯子

1
2
3

<div style="font-size: 2.5em; font-weight: bold; font-family: 'Arial Black', sans-serif; color: #ff6b6b; text-shadow: 3px 3px 0 #feca57, 6px 6px 0 #ff9ff3, 9px 9px 0 #1dd1a1; transform: rotate(-5deg); display: inline-block; padding: 15px; background: linear-gradient(135deg, #f5f6fa 0%, #dcdde1 100%); border-radius: 10px; box-shadow: 0 10px 20px rgba(0,0,0,0.2); border: 2px dashed #e84393;">
  sunt
</div>

1
2
3

<div align="center">
  <img src="https://capsule-render.vercel.app/api?type=waving&color=auto&height=180&section=header&text=采薇Kaelvio&fontSize=50&fontAlignY=38&desc=保留迷惘的权利&descAlignY=60" />
</div>

<div style="text-align: center; padding: 32px 0; background: linear-gradient(135deg, #ffe0c3 0%, #8ec5fc 100%); border-radius: 20px; box-shadow: 0 2px 16px rgba(30,30,70,0.15);">
  <span style="font-family: 'Segoe Script', 'Brush Script MT', cursive, sans-serif; font-size: 3.5em; font-weight: bold; background: linear-gradient(92deg, #ff5858 0%, #f09819 42%, #43cea2 93%); color: transparent; -webkit-background-clip: text; background-clip: text; text-shadow: 0 2px 8px rgba(70,30,80,.20), 0 1px 0 #fff; letter-spacing: 0.18em; animation: fancy-glow 3.5s linear infinite alternate; padding: 0 18px;">
    Sunt
  </span>
</div>

致谢

感谢 Kaelvio 的支持
TA的个人站