Penapis CSS melaksanakan pelbagai kesan teks-tutorial css-php.cn

Rumah

hujung hadapan web

tutorial css

Penapis CSS melaksanakan pelbagai kesan teks

PHP中文网

May 16, 2016 pm 12:12 PM

Penapis CSS digunakan untuk mengubah suai teks dan mencapai pelbagai kesan teks CSS () memang sesuatu yang bagus, jika anda menggunakannya dengan baik, ia akan menjadikan teks pada halaman web anda lebih cantik dan menarik pada halaman ini Sejumlah pelbagai kesan seperti dropshadow, glow, alpha, progid, progid:DXImageTransform.Microsoft.wave, progid:DXImageTransform.Microsoft.Shadow, dll. ditunjukkan, termasuk hampir semua penapis CSS, yang agak bagus.

<html>
<head>
<title>css滤镜实现各种文字效果</title>
<meta http-equiv=content-Type content="text/html;charset=gb2312">
<style>
.abc {  line-height: 22px}
.t12 {
font-family:微软雅黑;   
font-size: 15px;
font-weight: lighter;
color: ##C3C1C1; 
Filter: dropshadow(color=#ffffff,offx=1,offy=1);
 TEXT-ALIGN: center; 
 TEXT-DECORATION: none
}
</style>
</head>
<body bgcolor=#C3C1C1 style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=green,endColorStr=white);">
<center>
<table>
  <tr>
 <td style="FILTER: glow(color:#308148,strength=5);color: #ffffff;font-size:18px;font-family:隶书">今夜你会不会来，你的爱还在不在？</TD>
  </tr>
</table>
<br><br>
<span style="color:#09ff11;font: italic 900 16pt 隶书;width: 220;filter: shadow(color=red,direction=135);">自己动手 丰衣足食</span>
<br><br>
<table bgcolor=#aaaaaa style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=green,endColorStr=white);"><tr><td style="filter:dropshadow(offX=1,offY=1,color=#000000);color:#ffffff;font-size:18px;font-family:华文行楷">雅语独喃<b><font color=&#39;#22FF22&#39;>知</font><font color=&#39;#FF2222&#39;>往</font><font color=&#39;#001199&#39;>观</font><font color=&#39;#00fffa&#39;>来</font></b></td></tr></table>
<br><br>
<style type="text/css">.3dfont { FILTER: glow(color=lime,strength=0) shadow(color=lime,direction:135); WIDTH: 678;font-family:隶书;font-size:16px; } </style>
<center>
<table border="0" width="569"><tr><td width="100%" class="3dfont"><font color="#008040">身高不过1米68，腰圆腿粗像西瓜，头大嘴小鼻梁趴，一张大嘴缺门牙！</font></td></tr></table>
<br><br>
<table width="400" border="1" cellspacing="0" cellpadding="0" align="center" bordercolor="#999999" bgcolor="#D1D2A4">
  <tr> 
 <td style="padding:15px;letter-spacing:3px; COLOR: #6b6c35; FILTER: dropshadow(color=#ffffcc,offx=1,offy=1);" >北国风光，千里冰封，万里雪飘。望长城内外，惟馀莽莽；大河上下，顿失滔滔。山舞银蛇，原驰蜡象，欲与天公试比高。须晴日，看红妆素裹，分外妖娆。</td>
  </tr>
</table>
<br><br>
<table width="312" height="123" border="0" cellpadding="0" cellspacing="0">
  <tr>
 <td bgcolor="#ffdf03"><div style="filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, color=black);color:orange;width:100%;font-family:华文新魏;font-size:17px;">织梦好，蚂蚁好；蚂蚁好，织梦更好</div></td>
  </tr>
</table>
<br><br>
<table width="234" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" style="filter:blur(add=1,direction=135,strength=7)">
  <tr>
 <th scope="row" style="font-family:华文行楷;font-size:18px;color:red;">我想让里面的字正常显示</th>
  </tr>
</table>
<br><br>
<table>
  <tr>
    <td width="510"><div style="height:1;width:100%;font-family:impact;font-size:14pt;color:deeppink;display:block; 
   filter:progid:DXImageTransform.Microsoft.wave(Strength=3)"><p align="center">看小蜜的身材怎么样?您是否已爱上了她! </div></td>
  </tr>
</table>
<table>
  <tr>
    <td width="510"><div style="filter:progid:DXImageTransform.Microsoft.engrave(bias=0.5); height:1;font-size:20pt;font-family:impact;background-color:blue"><p align="center">I just couldn&#39;t help it.</div></td>
  </tr>
  <tr>
    <td width="510"><div style="filter:progid:DXImageTransform.Microsoft.emboss(bias=0.5);height:1;font-family:impact;font-size:20pt;background-color:blue"> <p align="center">We&#39;d better be off.</div></td>
  </tr>
  <tr> 
</table>
<br><br>
<table>
  <tr> 
    <td style="FILTER: alpha(opacity=100,finishiopacity=0,style=1) shadow(color=blue,direction=135,strength=6)" align="center"><font color="blue" size="7" face="华文新魏">源码爱好者网页特效</font></td>
  </tr>
  <tr> 
    <td style="FILTER: glow(color=#bb0909,strength=2) shadow(color=#22BB09,direction=135)" align="center"><font  color=#E1E4EC size=6 face="华文新魏"><b>让自己不至于在等待回贴的过程中血气上涌</b></font></td>
  </tr>
  <tr> 
    <td style="FILTER: glow(color=yellow,strength=4) mask(color=green) chroma(color=#B4BBCF)" align="center" height=54><font color=#fa2233 size=6 face="华文彩云"><b>一个神奇的测试</b></font></td>
  </tr>
</table>
<br><br>
<style type="text/css">
.a1 {
 font-size: 32px;
 color: red;
 filter: dropshadow(color=#fa00fd,offX=1,offY=1,positives=true);
 height: 20px;
}
</style>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center"><div class="a1">看书 看棋 看美人 赏花 赏月 赏秋香</div></td>
  </tr>
</table>
</center>
</body>
</html>

Kenyataan

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel Berkaitan

Bagaimana kami menandakan font Google dan mencipta goofonts.comApr 12, 2025 pm 12:02 PM

Goofonts adalah projek sampingan yang ditandatangani oleh isteri pemaju dan suami pereka, kedua-duanya peminat besar tipografi. Kami telah menandakan Google

Artikel Web Dev yang tidak berkesudahanApr 12, 2025 am 11:44 AM

Pavithra Kodmad meminta orang ramai untuk membuat cadangan mengenai apa yang mereka fikir adalah beberapa artikel yang paling abadi mengenai pembangunan web yang telah mengubahnya

Perjanjian dengan elemen seksyenApr 12, 2025 am 11:39 AM

Dua artikel diterbitkan pada hari yang sama:

Amalkan pertanyaan GraphQL dengan keadaan API JavaScriptApr 12, 2025 am 11:33 AM

Belajar bagaimana untuk membina API GraphQL boleh menjadi agak mencabar. Tetapi anda boleh belajar cara menggunakan API GraphQL dalam 10 minit! Dan ia berlaku saya ' ve mendapat yang sempurna

CMSS peringkat komponenApr 12, 2025 am 11:09 AM

Apabila komponen tinggal di persekitaran di mana pertanyaan data memisahkannya tinggal berdekatan, terdapat garis langsung yang cukup antara komponen visual dan

Tetapkan jenis pada bulatan ... dengan laluan mengimbangiApr 12, 2025 am 11:00 AM

Di sini ' s beberapa CSS Trickery dari Yuanchuan. Terdapat CSS Property Offset-Path. Suatu ketika dahulu, ia dipanggil gerakan-jalan dan kemudian ia dinamakan semula. I

Apa yang 'kembali' lakukan dalam CSS?Apr 12, 2025 am 10:59 AM

Miriam Suzanne menerangkan dalam video pemaju Mozilla mengenai subjek.

Pencinta modenApr 12, 2025 am 10:58 AM

Saya suka barang seperti ini.

See all articles

Alat AI Hot

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

Menjana ai hentai secara percuma.

Tunjukkan Lagi

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)

3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Tetapan grafik terbaik

3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌

Assassin's Creed Shadows: Penyelesaian Riddle Seashell

2 minggu yang laluByDDD

R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa

3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌

WWE 2K25: Cara Membuka Segala -galanya Di Myrise

4 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌

Tunjukkan Lagi

Alat panas

MantisBT

Mantis ialah alat pengesan kecacatan berasaskan web yang mudah digunakan yang direka untuk membantu dalam pengesanan kecacatan produk. Ia memerlukan PHP, MySQL dan pelayan web. Lihat perkhidmatan demo dan pengehosan kami.

MinGW - GNU Minimalis untuk Windows

Projek ini dalam proses untuk dipindahkan ke osdn.net/projects/mingw, anda boleh terus mengikuti kami di sana. MinGW: Port Windows asli bagi GNU Compiler Collection (GCC), perpustakaan import yang boleh diedarkan secara bebas dan fail pengepala untuk membina aplikasi Windows asli termasuk sambungan kepada masa jalan MSVC untuk menyokong fungsi C99. Semua perisian MinGW boleh dijalankan pada platform Windows 64-bit.