ホームページ  >  記事  >  ウェブフロントエンド  >  ボタンの背景を徐々に表示・非表示にする方法_html/css_WEB-ITnose

ボタンの背景を徐々に表示・非表示にする方法_html/css_WEB-ITnose

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

ボタンの背景が徐々に表示されたり消えたりするようにするにはどうすればよいですか?この Web ページ www.iqztc.com のボタンにマウスを置くと、青色の背景が表示されますが、青色の背景が非常に早く表示され、マウスを離すとゆっくりと消えます。 ?マスターがQQアカウントを残してくれることを願っています。


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

jqueryで実現可能です

JQUERYで実現可能です FirefoxであればCSS3でキーフレームを参照できます

あなたの話している内容は ということになるはずです。アニメーション

私が知っている 3 つの方法
1 . IE
フィルターを使用します。 0,0.1,0.2... .1

上記の 2 つは、画像に透明度を追加するだけです。何もない状態から何かを実現したい場合、または何かから何もない状態にしたい場合は、自分で関数を記述する必要があります
rree

コードを不透明から透明に、またはその逆に変更します。

3. Chrome
最も単純な CSS は次のように定義されます。
opacity:0;たとえば、上記の CSS で定義したオブジェクトの不透明度を変更すると、自動的にアニメーション効果が適用されます。 left、top などはすべて有効になります。

誤字脱字があれば修正してください。

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