CSS3制作苹果风格键盘特效

效果预览：

html标签：



<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>CSS3 KeyBoard</title>
    <link rel="stylesheet" href="font.css" type="text/css" >
    <link rel="stylesheet" href="style.css" type="text/css" >
</head>
<body>
  <ul>
    <li>Q</li>
    <li>W</li>
    <li>E</li>
    <li>R</li>
    <li>T</li>
    <li>Y</li>
    <li>U</li>
    <li>I</li>
    <li>O</li>
    <li>P</li>
    <li class="icon">