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

CSSで透明な画像を作成する

透明な画像を作成するには、CSS -moz-opacityを使用します 財産。次のコードを実行して、画像のスタイルを設定し、CSSで不透明度を設定してみてください。

例

<html>
   <head>
   </head>
   <body>
      <img style = "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でぼやけた背景画像を作成するにはどうすればよいですか？

    以下は、CSSでぼやけた背景画像を作成するためのコードです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body, html {    height: 100vh;    margin: 0;    font-family: "Segoe UI&qu

  2. CSSでスティッキーイメージを作成するにはどうすればよいですか？

    以下は、CSSでスティッキーな画像を作成するためのコードです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> img {    position: sticky;    top: 0;    width: 300px;    height: 300