css鼠标滑过/指向图片变色变暗变亮
实例代码如下:
<code class="language-html"><style> *{margin:0;padding:0;list-style:none;} img{border:1px solid #ccc} .info li { padding:5px;width:144px;float:left} .info li .img { padding:5px; border:1px solid #CBCBCB;display:block;} .info li .img:link,.info li .img:visited {border:1px solid #CBCBCB;} .info li .img:hover{border:1px solid #CBCBCB;background:#f0f0f0;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8} </style> <div class="info"> <ul> <li><a href="#" class="img"><img src="/static/imghw/default1.png" data-src="#" class="lazy" alt="css鼠标滑过/指向图片变色变暗变亮" ></a></li> <li><a href="#" class="img"><img src="/static/imghw/default1.png" data-src="#" class="lazy" alt="css鼠标滑过/指向图片变色变暗变亮" ></a></li> <li><a href="#" class="img"><img src="/static/imghw/default1.png" data-src="#" class="lazy" alt="css鼠标滑过/指向图片变色变暗变亮" ></a></li> </ul> </div></code>
大家可以参考 css3 opacity 属性

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











現代のWebデザインにおけるCSS描画機能の実用的なアプリケーションケースでは、CSSはレイアウトとスタイルだけでなく、複雑なグラフィックとアニメーションを作成するためにも使用できます。 5月...

短いアニメーションを巧みに実装し、Aタグをクリックした後にジャンプします。多くの場合、Aタグをクリックした後、ページが最初に短い読み込みイベントを表示できることを願っています...

プログラミングとWebデザインでエンコードされたフォントの紹介と使用、右のフォントを選択すると、コードの読みやすさと美学が大幅に向上する可能性があります。最近の、...

Webレイアウトでの3ラインのレイアウトでの適応中間コンテンツの高さに関する議論では、3行のレイアウトを実装する必要性が発生し、中間コンテンツは非常に可変です...

CSSの要素は何ですか? CSSの学習と使用中に、&ltなどのあまり一般的ではないHTML要素に遭遇する可能性があります。

Web開発のWebページにローカルにインストールされたフォントファイルを使用する方法、コンピューターにインストールされている特定のフォントを使用する必要がある状況に遭遇することがあります...

テキストを下部に保持しながら、入力の高さを上げるにはどうすればよいですか? Web開発では、高さが大きい入力ボックスを設定する必要がある場合があります...
