滑动门按钮

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了滑动门按钮相关的知识,希望对你有一定的参考价值。

  1. button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
  2. button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; }
  3. button.button span { float:left; height:21px; background:transparent url(../images/ui/bkg_button.gif) 0 0 no-repeat; padding:0 0 0 8px; font:bold 12px/21px Arial, Helvetica, sans-serif; text-align:center; white-space:nowrap; color:#fff; }
  4. button.button span span { background-position:100% 0; padding:0 12px 0 4px; }

以上是关于滑动门按钮的主要内容,如果未能解决你的问题,请参考以下文章

按钮滑动门

滑动门原理

电商网站滑动门特效

单纯使用CSS能实现滑动门效果?

制作滑动门菜单

前端基础 滑动门