communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > 讨论一下163邮箱的按钮效果是如何实现的。_html/css_WEB-ITnose

讨论一下163邮箱的按钮效果是如何实现的。_html/css_WEB-ITnose

WBOY
Libérer： 2016-06-21 09:41:21
original
1179 Les gens l'ont consulté

web

作为web展现技术处于石器时代的我来说，这种效果有点神奇。

这是这组按钮，首先他们是圆形的，第一反应是一张矩形png图片，圆形以外的部分透明。

把鼠标移动到图片，鼠标变成手型。但是如果是这种实现思路的话，没办法解释鼠标移动到 矩形以内内切圆以外的部分，鼠标不是手型！
用firebug看了一下代码，没有看到map area或者HTML5等标签。请教大家如何实现？

回复讨论(解决方案)

CSS3属性：border-radius（圆角）

我没有163邮箱，126倒有，不过没看到这些按钮。
用png图片以前很流行，现在svg也开始流行了，
你看看是不是svg图片？

Étiquettes associées：
讨论一下163邮箱的按钮效果是如何实现的。
source：php.cn
Article précédent：如何更改input file 的按钮？_html/css_WEB-ITnose Article suivant：请教一个关于搜索引擎搜索结果的问题，谢谢。_html/css_WEB-ITnose
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Créez un effet de survol qui transforme le bouton de menu en forme de X avec une version clone ombré Tout d'abord, je tiens à admettre que mon titre prête à confusion et j'en suis désolé. Ce ...
Depuis 2024-04-04 11:55:21
0
2
315
Comment puis-je créer un événement jQuery qui affiche le formulaire lors d'un double-clic, mais ne déclenche pas l'événement double-clic du formulaire ? Je souhaite écrire un événement selon lequel lorsque l'utilisateur double-clique sur une c...
Depuis 2024-04-01 13:42:52
0
2
445
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal