用CSS3写的几种风格的网页按钮

用CSS3写的几种风格的网页按钮,包括圆角按钮,按钮阴影,渐变,圆形按钮,Inline links,metro风格按钮等。用只用把css拷进你的样式表即可。

第一个例子是一个非常非常简单。然而在一些设计中,可以配合得非常好。windows8 metro风格:

  1. .metro { 
  2.     display: inline-block
  3.     padding10px
  4.     margin10px
  5.     background#08C
  6.     /* Font styles */ 
  7.     colorwhite
  8.     font-weightbold
  9.     text-decorationnone
  10.   
  11. .metro:hover { 
  12.     background#0AF 
  1. .metro.three-d { 
  2.     positionrelative
  3.     box-shadow:  
  4.         1px 1px #53A7EA,  
  5.         2px 2px #53A7EA,  
  6.         3px 3px #53A7EA
  7.     transition: all 0.1s ease-in; 
  8.   
  9. .metro.three-d:active { 
  10.     box-shadow: none
  11.     top: 3px
  12.     left: 3px

更多风格请看演示

转载请注明:代码家园 » 用CSS3写的几种风格的网页按钮

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)