CSS写发光字体
CSS中有一種字體陰影的功能text-shadow可以對字體文字添加陰影。text-shadow共有4個屬性:
可以通過多個陰陽顏色疊加產型文字光暈的效果
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>發光字體</title><style type="text/css">.title {font-family: 幼圓;color: #e7e7ff; font-weight: bold;cursor: pointer; text-shadow: 0 0 10px #22c5ff,0 0 20px #1dccff,0 0 30px #a666ff,0 0 40px #00a67c,0 0 70px #2248a6,0 0 80px #00a67c,0 0 100px #00a67c,0 0 150px #00a67c;}</style> </head> <body> <div class="title">發光字體 </div> </body> </html>?效果如下
?
總結
- 上一篇: 武汉区块链软件公司:当群雄逐鹿的时代结束
- 下一篇: 基于艾宾浩斯遗忘曲线的APP(大学毕业设