ホームページ > 記事 > ウェブフロントエンド > CSSチュートリアル (7) フィルター
CSS は、いくつかの組み込みマルチメディア フィルター効果を提供します。このテクノロジーを使用すると、画像、テキスト コンテナー、その他のオブジェクトなどの標準 HTML 要素に視覚的なフィルターや変換効果を追加できます。 Dreamweaver4 では、以下に示すように、16 個のフィルターから選択できます:
それでは、Dreamweaver4 でこれらの CSS フィルターを便利に使用する方法を見てみましょう。
カスタム スタイル「.filter」を作成し、フィルター ドロップダウン ボックスでアルファ フィルターを選択します。「Alpha(Opacity=?, FinishOpacity=?, style=?, StartX=?, StartY=?, FinishX= ? , FinishY=?)" の不透明度パラメータは 50 に設定され、以下に示すように後続のパラメータはすべて削除されます。
OK を押すと、「.filter」カスタム スタイルが作成されます。このスタイルを画像に適用します。 , 画像は半透明です。このスタイルを表に適用すると、表も半透明になります。すべてのフィルター効果はブラウザーでのみ表示されることに注意してください。以下は元のコードです: