首页 >web前端 >html教程 >讨论一下163邮箱的按钮效果是如何实现的。_html/css_WEB-ITnose

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

WBOY
WBOY原创
2016-06-21 09:41:211183浏览

web

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

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

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

回复讨论(解决方案)

CSS3属性:border-radius(圆角)

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn