CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

透明なピクセルを指定された色に変え、CSSで不透明なピクセルを透明にします

マスク効果を使用する 透明なピクセルを指定された色に変え、不透明なピクセルを透明にします。

このフィルターでは次のパラメーターが使用されます

S.No
パラメータと説明
1
色
透明部分がなる色。

例

次のコードを実行して、マスク効果を実装してみてください

<html>
   <head>
   </head>
   <body>
      <img src = "/css/images/logo.png"alt = "CSS Logo"style = "FILTER: Chroma(Color = #000000) Mask(Color=#00FF00)">
      <p>Text Example:</p>
      <div style = "width: 357;
         height: 50;
         font-size: 30pt;
         font-family: Arial Black;
         color: red;
         Filter: Mask(Color=#00FF00)">CSS Tutorials</div>
   </body>
</html>

  1. CSSでアウトラインボタンのスタイルを設定するにはどうすればよいですか？

    以下は、CSSでアウトラインボタンのスタイルを設定するコードです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> button {    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    

  2. CSScaret-colorでカーソルの色を変更する

    挿入カレットの色を変更するには、CSScaret-colorプロパティ 使用されます。 例 次の例は、CSSのcaret-colorプロパティを示しています。 <!DOCTYPE html> <html> <head> <style> form {    padding: 2%;    margin: 2%;    text-align: center; } form:focus-within {    box-shadow: 0 0 10px rgba(0,0,0