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

Web

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

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

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

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

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

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