使用 CSS 濾鏡建立模糊的圖片或文本
- PHPz轉載
- 2023-08-26 22:01:021379瀏覽
運動模糊用於創建具有方向和強度的模糊圖片或文字。
此濾鏡中可以使用下列參數
| S.No | 參數及說明 |
|---|---|
| 1 | #新增##對或錯。如果為 true，則將影像新增至模糊影像；如果為 false，則影像不會新增至模糊影像。 |
| #方向模糊的方向，順時針方向，四捨五入至45 度增量。預設值為 270（左）。 0 = 頂部45 = 右上90 = 右邊135 = 底部右邊180 = 底部225 = 左下270 = 左315 = 左上 | |
|
#強度模糊將擴展的像素數。預設為 5 像素。 |
<html>
<head>
</head>
<body>
<img src = "/css/images/logo.png" alt="CSS Logo" style = "Filter: Blur(Add = 0, Direction = 225, Strength = 10)">
<p>Text Example:</p>
<div style="width: 357;
height: 50;
font-size: 30pt;
font-family: Arial Black;
color: blue;
Filter: Blur(Add = 1, Direction = 225, Strength = 10)">CSS Tutorials</div>
</body>
</html> 以上是使用 CSS 濾鏡建立模糊的圖片或文本的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除