CSS3是Web前端開發中廣泛使用的技術，它通過優秀的樣式效果讓頁面更加美觀，用戶體驗更佳。其中，圓角和漸變是我們經常用到的兩種效果，下面將介紹它們的代碼實現。 圓角效果可以使用border-radius屬性來設置，代碼示例如下：

.box {
border-radius: 10px;
}

其中，box為要設置圓角效果的元素，10px為圓角的半徑，可根據需要進行調整。如果想要設置不同的圓角大小，可以使用4個值進行設置，分別對應左上角、右上角、右下角和左下角。例如：

.box {
border-radius: 10px 5px 20px 5px;
}

該代碼將設置box元素左上角10px、右上角5px、右下角20px和左下角5px的圓角效果。 另外，CSS3中還引入了漸變效果，可以通過background-image屬性來設置。代碼示例如下：

.box {
background-image: linear-gradient(to bottom, #f00, #00f);
}

其中，to bottom表示漸變的方向為從上到下，#f00和#00f為漸變的起始和結束顏色。可以根據需要進行調整，設置不同的漸變方向和起始和結束顏色。 以上是CSS3圓角和漸變效果的代碼實現方法，希望能對大家在Web前端開發中有所幫助。