CSS3可以用于實現許多有趣的效果，其中之一就是實現iOS計算器的樣式。以下是一些CSS代碼示例，用于創建一個看起來像iOS計算器的界面：

/* 設置字體 */
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* 計算器外框 */
.calculator {
width: 300px;
height: 420px;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
margin: 0 auto;
}
/* 顯示屏幕 */
.screen {
width: 100%;
height: 70px;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px;
box-sizing: border-box;
margin-bottom: 10px;
font-size: 40px;
text-align: right;
}
/* 操作按鈕的樣式 */
.button {
display: inline-block;
font-size: 30px;
width: calc(25% - 5px);
height: 60px;
margin: 2px;
text-align: center;
background-color: #ddd;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
line-height: 60px;
cursor: pointer;
transition: all .2s;
}
/* 操作按鈕的懸停效果 */
.button:hover {
background-color: #ccc;
}
/* 特殊功能按鈕的樣式 */
.button.special {
background-color: #f5a623;
color: white;
}
/* 橘色特殊功能按鈕的懸停效果 */
.button.special:hover {
background-color: #d89519;
}
/* 紅色特殊功能按鈕的樣式 */
.button.special.red {
background-color: #ff3b30;
color: white;
}
/* 紅色特殊功能按鈕的懸停效果 */
.button.special.red:hover {
background-color: #d62d20;
}

以上是CSS代碼的例子，可以通過調整它的各個屬性值，以達到不同的效果。通過這些代碼，你可以創建一個看起來非常接近iOS計算器的頁面。