文章專題學習下載問答程式設計字典遊戲最近更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

首頁 > web前端 > css教學 > 主體

使用 CSS 建立衰減陰影

WBOY

發布： 2023-08-26 08:25:09

轉載

1413 人瀏覽過

使用 CSS 创建衰减阴影

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

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

##參數和描述12範例

#序號
	#您想要的陰影顏色。
	#方向模糊的方向，順時針方向，以45度為增量。預設值為270（左）。 0 = 頂部 45 = 右上 90 = 右邊 135 = 右下方 ##180 = 底部 225 = 左下 270 = 左邊 315 = 左上

#序號

#您想要的陰影顏色。

#方向模糊的方向，順時針方向，以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

上一篇：使用 CSS 淡入動畫效果下一篇：動畫 CSS margin-bottom 屬性

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章