Home > Web Front-end > HTML Tutorial > 讨论一下163邮箱的按钮效果是如何实现的。_html/css_WEB-ITnose

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

WBOY
Release: 2016-06-21 09:41:21
Original
1192 people have browsed it

web

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

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

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

回复讨论(解决方案)

CSS3属性:border-radius(圆角)

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

source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template