Home > Article > Web Front-end > 讨论一下163邮箱的按钮效果是如何实现的。_html/css_WEB-ITnose
讨论一下163邮箱的按钮效果是如何实现的。_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:41:211156browse
web
作为web展现技术处于石器时代的我来说，这种效果有点神奇。这是这组按钮，首先他们是圆形的，第一反应是一张矩形png图片，圆形以外的部分透明。
把鼠标移动到图片，鼠标变成手型。但是如果是这种实现思路的话，没办法解释鼠标移动到 矩形以内内切圆以外的部分，鼠标不是手型！
用firebug看了一下代码，没有看到map area或者HTML5等标签。请教大家如何实现？
回复讨论(解决方案)
CSS3属性：border-radius（圆角）
我没有163邮箱，126倒有，不过没看到这些按钮。
用png图片以前很流行，现在svg也开始流行了，
你看看是不是svg图片？
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：如何更改input file 的按钮？_html/css_WEB-ITnoseNext article：请教一个关于搜索引擎搜索结果的问题，谢谢。_html/css_WEB-ITnose