Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > HTML-Tutorial > 讨论一下163邮箱的按钮效果是如何实现的。_html/css_WEB-ITnose

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

WBOY
Freigeben： 2016-06-21 09:41:21
Original
1179 Leute haben es durchsucht

web

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

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

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

回复讨论(解决方案)

CSS3属性：border-radius（圆角）

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

Verwandte Etiketten：
讨论一下163邮箱的按钮效果是如何实现的。
Quelle：php.cn
Vorheriger Artikel：如何更改input file 的按钮？_html/css_WEB-ITnose Nächster Artikel：请教一个关于搜索引擎搜索结果的问题，谢谢。_html/css_WEB-ITnose
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Erstellen Sie einen Hover-Effekt, der die Menüschaltfläche mit einer schattierten Klonversion in eine X-Form umwandelt Zunächst möchte ich zugeben, dass mein Titel verwirrend ist, und das tut mir leid. Was ich...
Aus 2024-04-04 11:55:21
0
2
315
Wie kann ich ein jQuery-Ereignis erstellen, das das Formular bei einem Doppelklick anzeigt, aber nicht das Doppelklick-Ereignis des Formulars auslöst? Ich möchte ein Ereignis schreiben, das besagt, dass die Zelle mit einem HTML-Formular aktu...
Aus 2024-04-01 13:42:52
0
2
445
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage