CSS3关于transition过渡

第一次写博客,心里竟然有点感动,注册了两个月了,一直不敢写,总觉得这应该是大神交流的地方。今天写的一个css3的一个导航,觉得挺好看,放在网页里,也可以起到一个点睛之笔的作用。

首先写好body标签中的基本导航元素

CSS3关于transition过渡

然后是style标签中css的部分:

CSS3关于transition过渡

CSS3关于transition过渡

transition中 all 表示是css的所有属性都进行transition这个过渡,linear 是过渡方式,表示过渡一直是以一个速度来进行。 ease-out 也是过渡方式,表示先快,后越来越慢慢。

这是最后的实现的效果:

CSS3关于transition过渡

上一篇:在Kali上安装打印机


下一篇:IT兄弟连 HTML5教程 CSS3属性特效 transition过渡