Rumah > hujung hadapan web > html tutorial > 讨论一下163邮箱的按钮效果是如何实现的。_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-21 09:41:21
asal
1192 orang telah melayarinya

web

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

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

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

回复讨论(解决方案)

CSS3属性:border-radius(圆角)

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan