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

CSSで画像の不透明度を設定する

画像の不透明度を設定するには、CSS- moz-opacityを使用します 財産。このプロパティは、Mozillaで透明な画像を作成するために使用されます。 IEはfilter：alpha（opacity =x）を使用します 透明な画像を作成します。

例

次のコードを実行して、画像のスタイルを設定し、CSSで不透明度を設定してみてください。

<html>
   <head>
   </head>
   <body>
      <img style = "border:1px solid red;-moz-opacity:0.2;filter:alpha(opacity=50);"
         src = "https://www.tutorialspoint.com/assets/videotutorials/courses/css_online_training/380_course_215_image.jpg" />
   </body>
</html>

  1. CSSで画像パスを設定する

    border-image-sourceプロパティは、CSSで画像パスを設定するために使用されます。次のコードを実行して、画像パスを設定してみてください- 例 <html> <head> <style> #borderimg1 { border: 15px solid transparent; padding: 15px; border-image-source: url(https://tutorialspoint.com/css/images/

  2. CSSを使用して背景画像として放射状グラデーションを設定します

    Radial-gradient（）CSS関数を使用して、背景画像として放射状グラデーションを設定します。次のコードを実行して、CSSでlinear-gradient（）関数を実装してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 200px;