首頁 > web前端 > css教學 > 使用 CSS 建立衰減陰影

使用 CSS 建立衰減陰影

WBOY
發布: 2023-08-26 08:25:09
轉載
1591 人瀏覽過

使用 CSS 创建衰减阴影

陰影濾鏡用於在指定的方向和顏色中建立衰減的陰影。

可以在此濾鏡中使用以下參數−

##參數和描述12範例
#序號

#您想要的陰影顏色。

#方向模糊的方向,順時針方向,以45度為增量。預設值為270(左)。

0 = 頂部

45 = 右上

90 = 右邊

135 = 右下方

##180 = 底部

225 = 左下

270 = 左邊

315 = 左上

您可以嘗試執行以下程式碼來實作陰影濾鏡−

示範

<html>
   <head>
   </head>

   <body>

      <img src="/css/images/logo.png" alt="CSS Logo"style="FILTER: Chroma(Color = #000000) Shadow(Color=#00FF00, Direction=225)">

      <p>Text Example:</p>

      <div style="width: 357;
         height: 50;
         font-size: 30pt;
         font-family:
         Arial Black;
         color: red;
         Filter: Shadow(Color=#0000FF, Direction=225)">CSS Tutorials</div>
   </body>

</html>
登入後複製

以上是使用 CSS 建立衰減陰影的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:tutorialspoint.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板