我在HTML，CSS和过渡属性，过渡持续时间，过渡计时功能属性上做了一些工作，目前还没有完成我的项目。我使用了每个-webkit-，-moz-，-o-，其他都不起作用。我确实卸载了Google Chrome浏览器，然后又重新安装了它，但是不起作用。我的代码：
index.php：
<?php
include "function/baglanti.php";
?>
<html>
<head>
<title>Deneme | Anasayfa</title>
<link rel="stylesheet" href="style/main.css" />
</head>
<body>
<div id="den">sshshsh</div>
</body>
</html>
main.css：
#den
{
width: 100px;
height: 100px;
background-color: red;
}
#den:hover
{
width: 200px;
transition: width 0.5s linear;
}
最佳答案
为了使两种转换都可行，请将transition属性移到#den规则
#den
{
width: 100px;
height: 100px;
background-color: red;
transition: width 0.5s linear; /* moved it here and it work both ways */
}
#den:hover
{
width: 200px;
}<div id="den">sshshsh</div>