运用CSS3来制作Botton演示

 CSS3比css先进了很多，增加了许多的定义，让从事网页设计的人可以更为方便运用。不过，毕竟CSS3是新标准，各个浏览器还不完全支援，特别是IE版本。

今天小编就来介绍运用CSS3来制作Botton的演示过程：

Html代码：

<input type="button" class="new-css3" value="Create"/> 

Css代码：

input[type=button].new-css3{ 
  width: 155px; 
  height: 35px; 
  background: #cde; 
  border: 2px solid #ccc; 
  border-color: #8ba2c1 #5890bf #4f93ca #768fa5; 
  font: 600 16px/1 Lucida Sans, Verdana, sans-serif; 
  color: #fff; 
  text-shadow: rgba(10, 10, 10, 0.5) 1px 2px 2px; 
  text-align: center; 
  vertical-align: middle; 
  white-space: nowrap; 
  text-overflow: ellipsis; 
  overflow: hidden; 
  border-radius:16px;  
  -moz-border-radius:16px;  
  -webkit-border-radius: 16px; 
  box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad; 
  -moz-box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad; 
  -webkit-box-shadow: 0 10px 16px rgba(66, 140, 240, 0.5), inset 0 -8px 12px 0 #6bf, inset 0 -8px 0 8px #48c, inset 0 -35px 15px -10px #7ad; 
} 
.new-css3:hover { 
  text-shadow: rgb(255, 255, 255) 0px 0px 5px; 
} 

看到css3的强大之处了吧，大家好好学哦