ホームページ  >  記事  >  ウェブフロントエンド  >  CSSチュートリアル (7) フィルター

CSSチュートリアル (7) フィルター

巴扎黑
巴扎黑オリジナル
2017-04-01 14:22:251772ブラウズ

CSS は、いくつかの組み込みマルチメディア フィルター効果を提供します。このテクノロジーを使用すると、画像、テキスト コンテナー、その他のオブジェクトなどの標準 HTML 要素に視覚的なフィルターや変換効果を追加できます。 Dreamweaver4 では、以下に示すように、16 個のフィルターから選択できます:

それでは、Dreamweaver4 でこれらの CSS フィルターを便利に使用する方法を見てみましょう。

カスタム スタイル「.filter」を作成し、フィルター ドロップダウン ボックスでアルファ フィルターを選択します。「Alpha(Opacity=?, FinishOpacity=?, style=?, StartX=?, StartY=?, FinishX= ? , FinishY=?)" の不透明度パラメータは 50 に設定され、以下に示すように後続のパラメータはすべて削除されます。

OK を押すと、「.filter」カスタム スタイルが作成されます。このスタイルを画像に適用します。 , 画像は半透明です。このスタイルを表に適用すると、表も半透明になります。すべてのフィルター効果はブラウザーでのみ表示されることに注意してください。以下は元のコードです: