7款漂亮的纯css 字体样式
简单粗暴，直接上马：<!DOCTYPE html><html > <head > <meta chart ="UTF-8"> <title ></title > </head > <body > <h1 class ="vintage1">美丽的中国语</h1> <h1 class ="vintage2">美丽的中国语</h1> <h1 class ="vintage3">美丽的中国语</h1> <h1 class ="vintage4">美丽的中国语</h1> <h1 class ="vintage5">美丽的中国语</h1> <h1 class ='text-reflect-ba'>美丽的中国语</h1> <div class ="text"> <p >美丽的中国语</p > </div ><style >body { text-align: center ;}.vintage1{background: #EEE url(data:image/gif;ba64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAHklEQVQImWNkYGBgYGD4//8/A5wF5SB
text-shadow: 5px -5px black, 4px -4px white ;font-weight: bold ;-webkit-text-fill-color: transparent ;-webkit-background-clip: text }.vintage2{color: transparent ;-webkit-text-stroke: 1px red ;letter-spacing: 0.04em ;}.vintage3 {color: transparent ;background-color : blue ;text-shadow : rgba(255,255,255,0.5) 0 5px 6px, rgba(255,255,255,0.2) 1px 3px 3px ;-webkit-background-clip : text ;}1
2
3
4
回望来时路5
一蹶不振的意思6
7
8
9
10
11
12
13
14
15
16
旋窝
17
18
19
20开学搞笑图片
播音系
舞蹈社21
22
23
24
25
26
27
28
29
30
31
青蛙的作文32
33
34
35
36
a是啥意思没有什么难的，都是和html，看见喜欢的就直接⽤咯！}.vintage4{color: gold ;letter-spacing: 0;text-sh
adow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333.vintage5{ font-family:cursive ;text-shadow:6px 2px 2px #333;color:deeppink }.text-reflect-ba { color: palegreen ; -webkit-box-reflect:below 10px ;}.text { width: 300px ; height: 200px ; position: absolute ; left: 50%; margin-left: -150px ; background-image: -webkit-linear-gradient(left,blue,#66ffff 10%,#cc00ff 20%,#CC00CC 30%, #CCCCFF 40%, #00FFFF 50%,#CCCCFF 60%,#CC00CC
-webkit-text-fill-color: transparent ;/* 将字体设置成透明⾊ */ -webkit-background-clip: text ;/* 裁剪背景图，使⽂字作为裁剪区域向外裁剪 */ -webkit-background-size: 200% 100%; -webkit-animation: masked-animation 4s linear infinite ; font-size: 35px ;}@keyframes masked-animation { 0% { background-position: 0 0; } 100% { background-position: -100% 0; }} </style > </body ></html >36373839404142434445464748495051525354555657585960616263646566676869707172
