CSS实现悬浮式菜单

html-css028

CSS实现悬浮式菜单,第1张

划水摸鱼的时候研究了下CSS实现悬浮式菜单,在此分享一下!

transition是一个复合属性,有四个属性transition: <transition-property>|| <transition-duration>|| <transition-timing-function>|| <transition-delay>

另外,transition与display的冲突此处暂不做讨论!

浮动都是相对于自身的父元素而言的。打个比方,一个集装箱里放着好多纸箱,纸箱里装着一件件货物,这些货物在纸箱里的排列状况是不会影响到纸箱在集装箱里的排列的,同样,纸箱在集装箱里的排列状况也是不会影响到货物在每个纸箱里的排列的。关键要看你的目的是什么,如果是想让纸箱在集装箱里排列得更整齐些,那么你只需要移动纸箱即可,用不着动里面的货物;而如果是想整理一下纸箱里的货物,那么就只需打开纸箱对货物进行整理即可,不需要移动纸箱的位置。