[CSS3] CSS3 設計 Path style Menu,不使用animation屬性
CSS3 的path style menu很早之前就有看過網路上有人寫過,但一直沒有去看看人家寫的CSS Code以及html Code,壞掉的印表機也一直想用 CSS3 寫看看這個例子,但只使用 CSS3 的 animation 屬性來寫其實沒啥困難的,而且超簡單,所以一直拖著沒寫,而壞掉的印表機思考是否能夠隨時中斷選單的轉換過程,所以採用 CSS3 transition 來做。
在做的過程中,其實要做到選單的效果很簡單,隨便寫一下 CSS3 transition 屬性都能做到,但問題又來了~要做到先出現的選單項目在最後才收合,而最後出現的選單項目先收合,加上旋轉的時間順序控制,這在之前是沒辦法用 CSS3 transition 做到的~昨天利用了一點小小的時間,嘗試實作出來了~分享給各位看看效果囉~
在做的過程中,其實要做到選單的效果很簡單,隨便寫一下 CSS3 transition 屬性都能做到,但問題又來了~要做到先出現的選單項目在最後才收合,而最後出現的選單項目先收合,加上旋轉的時間順序控制,這在之前是沒辦法用 CSS3 transition 做到的~昨天利用了一點小小的時間,嘗試實作出來了~分享給各位看看效果囉~
留言