1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | 可折疊左導航列之左出版。 把滑鼠懸停在頁面最左側(大約10px寬度),就可以叫出導航列。移開,則折疊回去。 大家來玩玩看這個! /* 隱藏左側 */ .ZXy9Tc.VR8ITe { left: -90px; /* CSS3 Please! */ transition-property: left; transition-duration: 1s; -webkit-transition-property: left; -webkit-transition-duration: 1s; -moz-transition-property: left; -moz-transition-duration: 1s; -ms-transition-property: left; -ms-transition-duration: 1s; -o-transition-property: left; -o-transition-duration: 1s; } /* 調整內容區域邊距 */ .k-fa { margin: 0 0 0 0 !important; } .atQfbd { margin: 0 0 0 0 !important; } /* 懸停時顯示左側 */ .ZXy9Tc.VR8ITe:hover { left: 0px; } |
Direct link: https://paste.plurk.com/show/1003941