css3实现网页平滑过渡效果

截图css 思路：html 一、导航利用input radio来判断点击的元素web 经过input：checked+a{}来为当前的元素添加样式浏览器 二、顶部的三角，利用正方形div，旋转45度，再隐藏部分svg 三、顶部的icon，下载表现形式为图行的字体，利用@font-face{}导入字体，相比图片减小网页加载字体 四、载入时的平滑移动效果，利用移改变包含5个section的div的Y轴

>>阅读原文<<