transition-property里面的none怎么用

transition-property里面的none怎么用

加上transiition-property:none之后没有什么作用啊

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style type="text/css">

div{

margin: auto;

margin-top:300px;

width: 300px;

height: 300px;

background:red;

transform:roate(0deg);

}

div:hover{

cursor: pointer;

background:green;

transform: rotate(60deg);

-webkit-transition-property: none;

  -moz-transition-property: none;

   -ms-transition-property: none;

    -o-transition-property: none;

       transition-property: none;

      

}

</style>

</head>

<body>

<div></div>

</body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

transition-property 属性规定应用过渡效果的 CSS 属性的名称。

设置为none,没有属性会获得过渡效果。 

你前面的代码都没有设置   transition-property属性,后面设置为none,它也没有取消属性的对象啊!

祝学习愉快!


  • 忆之 提问者 #1
    非常感谢!
    2017-11-13 15:32:32
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师