ホームページ  >  記事  >  ウェブフロントエンド  >  JS と CSS の専門家、DIV_html/css_WEB-ITnose で半透明性と完全な透明性の両方を実現する方法を教えてください。

JS と CSS の専門家、DIV_html/css_WEB-ITnose で半透明性と完全な透明性の両方を実現する方法を教えてください。

WBOY
WBOYオリジナル
2016-06-24 12:08:21937ブラウズ

DIV は中央に楕円がある正方形の形状で、楕円の外側は徐々に円の中心を指します。背景が透明になると、中央部分が完全に透明になります。周りの部分が半透明になるのですが、どうすればこの状態になるのでしょうか? ?


ディスカッションに返信(解決策)

写真を使いましょう

ここ数日で CSS を独学で勉強しました この問題を解決するには CSS スライディング ドアを使用できるはずです

次の場合は filter:alpha を使用してくださいIEで透明度??、他のツールの場合は、不透明度

を使用して、ゆっくりと円の中心に向かって周囲を向けます。CSS3の放射状グラデーションについて話していますか?
このツールを使用して解決できます http://www.colorzilla.com/gradient-editor/

周囲がゆっくりと円の中心を指しています。CSS3 の放射状グラデーションについて話していますか?
このツールを使用して解決できます http://www.colorzilla.com/gradient-editor/

これはすべて、左から右、または右から左へです。
円の中心でしょうか? 円の中心を指すと、円の中心部分が完全に透明になります。

画像を直接変更することをお勧めします

上記と同様に、画像にすることをお勧めします。たとえ実装できたとしても、かなりの量のコードが必要になると予想されます

私の最初のアイデアは、この問題を解決するために PS を使用することでした。リソースを消費します。CSS を使用しているかどうかを確認したいです。

画像を使用することをお勧めします。 LZ

- -写真の方が使いやすいです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。