masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
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
1181 orang telah melayarinya

web

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

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

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

回复讨论(解决方案)

CSS3属性：border-radius（圆角）

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

Label berkaitan：
讨论一下163邮箱的按钮效果是如何实现的。
sumber：php.cn
Artikel sebelumnya：如何更改input file 的按钮？_html/css_WEB-ITnose Artikel seterusnya：请教一个关于搜索引擎搜索结果的问题，谢谢。_html/css_WEB-ITnose
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
Artikel terbaru oleh pengarang
Isu terkini
Buat kesan hover yang mengubah butang menu menjadi bentuk x dengan versi klon berbayang Pertama saya ingin mengakui bahawa tajuk saya mengelirukan dan saya minta maaf untuk itu. ...
daripada 2024-04-04 11:55:21
0
2
315
Bagaimanakah saya boleh mencipta acara jQuery yang memaparkan borang pada klik dua kali, tetapi tidak mencetuskan acara klik dua kali borang? Saya ingin menulis acara yang apabila pengguna mengklik dua kali pada sel jadual, sel itu ...
daripada 2024-04-01 13:42:52
0
2
445
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan