css3动画和过度属性怎么样能够区分得很明确

html-css05

css3动画和过度属性怎么样能够区分得很明确,第1张

css3动画:

可以自定义节点改变属性,例如30%,40%....这种节点式定义属性的状态值,相对过度来说,可以把一系列的属性变化按照顺序节点来执行,这就好比把动画封装成了一个“函数”,既可以共用,又可以根据改变html标签元素的class来增加或者删除动画效果,动画最好用在写复杂效果的时候用,或者有定义触发一个事件然后删除动画、增加动画时候用。我做轮换图的时候就是js触发,然后使元素拥有一个class引用,class对应的就是动画,很灵活的控制了动画的执行。

过渡效果

过渡效果顾名思义,只是一个简短的过渡,它只能定义一个状态(css属性)到另一个状态,没有节点,所以做不了太复杂的效果,但是相对效率比较高,能用过渡的就不用css3动画,当然两者都是各有优劣,没有任何一种属性是没有用的,合理才是最重要的!

谢谢采纳!

这个很简单啊,简单的代码如下:

a{/*正常效果*/}

a.hover{ /*hover的效果,即transition效果*/ }  /*注意前面的是.hover。并不是:hover*/

然后用一句jq实现点击添加一个class就可以了:

$(function(){

  $("a").click(function(){

    $(this).addClass("hover")

  })

})