如何設(shè)置CSS旋轉(zhuǎn)的時(shí)間呢?
transform: rotate(45deg); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
在上面的代碼中,我們使用了transform屬性來(lái)讓元素旋轉(zhuǎn)了45度。我們?yōu)樵靥砑恿诉^(guò)渡效果,以實(shí)現(xiàn)旋轉(zhuǎn)的“緩慢”動(dòng)畫(huà)效果。
通過(guò)設(shè)置-all 0.5s ease,在0.5秒的時(shí)間里以緩動(dòng)的方式實(shí)現(xiàn)了旋轉(zhuǎn)效果的過(guò)渡動(dòng)畫(huà)。
你可以根據(jù)項(xiàng)目需求來(lái)調(diào)整過(guò)渡時(shí)間的長(zhǎng)度和速度,使你的動(dòng)畫(huà)效果更加自然,更加靈活。