css3實現網頁平滑過渡效果

截圖css 思路：html 一、導航利用input radio來判斷點擊的元素web 經過input：checked+a{}來爲當前的元素添加樣式瀏覽器 二、頂部的三角，利用正方形div，旋轉45度，再隱藏部分svg 三、頂部的icon，下載表現形式爲圖行的字體，利用@font-face{}導入字體，相比圖片減小網頁加載字體 四、載入時的平滑移動效果，利用移改變包含5個section的div的Y軸

>>阅读原文<<