ホームページ > ウェブフロントエンド > htmlチュートリアル > 163 メールボックスのボタン効果がどのように実現されるかについて説明します。 _html/css_WEB-ITnose

163 メールボックスのボタン効果がどのように実現されるかについて説明します。 _html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:41:21
オリジナル
1180 人が閲覧しました

Web

Web プレゼンテーション テクノロジーが石器時代のものである私にとって、この効果は少し魔法のようです。

これがこのボタンのセットです。 まず、最初の反応は長方形の PNG 画像で、円の外側の部分が透明になっています。

マウスを写真に移動すると、マウスが手の形に変わります。しかし、これが実装のアイデアだと、マウスが四角形の内接円の外側の部分に移動することは説明のしようがありません。マウスは手の形ではありません。
firebug を使用してコードを確認しましたが、マップ領域や HTML5 タグが表示されませんでした。これを達成する方法を教えてください。

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

CSS3 プロパティ: border-radius (角丸)

私は 163 の電子メール アドレスを持っていませんが、126 は持っていますが、これらのボタンが表示されません。
以前は PNG 画像の使用が非常に人気がありましたが、今では SVG も人気があります
それが SVG 画像かどうかわかりますか?

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート