【慕课吧】HTML5+CSS3项目实战:幽灵按钮 扫二维码继续学习 二维码时效为半小时

幽灵按钮:之所以被命名为“幽灵”,是因为这种按钮如同鬼魂一样透明,但是独特的造型会立刻吸引用户的注意力——正如同故事中鬼魂一样抓人眼球。
(4 评论)

免费

课程介绍

说到幽灵,我们的第一印象就是下面这样子的。

 

是不是感觉恐怖而阴森!而今天讲的幽灵一点都不恐怖,反而让人舒适、轻薄且透明。它就是“幽灵按钮”

 

幽灵按钮,也就是Ghost Buttons,是一个透明的按钮,通常是矩形或者圆角矩形,仅保留基本的形制,使用细线来标识边界;按钮内的文字通常使用纤细的非衬线体字体的纯文本,来指明按钮功能。

 

一个小小的按钮在一个网页中担当着很重要的角色,它带领我们从一个页面到达另一个页面,是我们浏览网站时的有力桥梁。

 

而它们之所以被命名为“幽灵”,是因为这种按钮如同鬼魂一样透明,但是独特的造型会立刻吸引用户的注意力——正如同故事中鬼魂一样抓人眼球。

 

“幽灵按钮”在国外的网站中十分普遍,当你在网上冲浪的时候,有时会看到一些很酷的按钮,其实那就是“幽灵按钮”——只有简单的线条和文字,效果很炫,而且吸引人眼球,令网页增色不少。

 

例如:http://www.iuvo.si  

 

下面军哥手把手带教你!

 

 

 

适合人群
  • html5新手
  • web前端工程师

授课教师

慕课吧创始人