cari

Rumah  >  Artikel  >  hujung hadapan web  >  Penapis Saluran Alpha CSS

Penapis Saluran Alpha CSS

WBOY
WBOYke hadapan
2023-08-31 08:29:021048semak imbas

CSS Alpha ้€š้“ๆปค้•œ

Penapis saluran Alpha menukar kelegapan objek supaya ia sebati dengan latar belakang.

Parameter berikut boleh digunakan dalam penapis ini -

opacity #๐ŸŽœ๐ŸŽœ๐ŸŽœ##๐ŸŽœ๐ŸŽœ๐ŸŽœ #Tahap kelegapan. 0 adalah telus sepenuhnya, 100 adalah legap sepenuhnya. #๐ŸŽœ๐ŸŽœ tahap kelegapan bandar yang satu lagi objek. Kecerunan kelegapan bentuk. #๐ŸŽœ๐ŸŽœ di mana koordinat kota akhir Y Contoh

Anda boleh cuba jalankan kod -# untuk melaksanakan Alpha Filter ๐ŸŽœ ๐ŸŽœ#demonstrasi langsung

parameter#๐ŸŽœ๐ŸŽœ๐ŸŽœ##๐ŸŽœ๐ŸŽœ๐ŸŽœ #

Penerangan

finishopacity
0 = Uniform

1 = Linear

 2 = Jejari

3 = Segi empat tepat๐ŸŽœ#๐ŸŽœ## ๐ŸŽœ#
startX

 Koordinat X di mana kecerunan kelegapan bermula.

startY

#๐ŸŽœ๐ŸŽœ๐ŸŽœ#Koordinat Ypa mulanya
Selesai

 #๐ŸŽœ๐ŸŽœ di mana koordinat bandar X berakhir

Selesai

 
<html>
   <head>
   </head>
   <body>

      <img src="/css/images/logo.png" alt="CSS Logo"
         style="Filter: Alpha(Opacity=100,
         FinishOpacity=0,
         Style=2,
         StartX=20,
         StartY=40,
         FinishX=0,
         FinishY=0)" />
      <p>Text Example:</p>

      <div style="width: 357;
         height: 50;
         font-size: 30pt;
         font-family: Arial Black;
         color: blue;
         Filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0)">
         CSS Tutorials
      </div>
   </body>
</html>

Atas ialah kandungan terperinci Penapis Saluran Alpha CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan๏ผš
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya๏ผšPertanyaan media untuk menetapkan peraturan gaya CSS yang berbeza untuk peranti saiz yang berbezaArtikel seterusnya๏ผšPertanyaan media untuk menetapkan peraturan gaya CSS yang berbeza untuk peranti saiz yang berbeza

Artikel berkaitan

Lihat lagi