Question

即时通讯在HTML，CSS和转换属性上执行某些操作，转换持续时间，转换时序功能属性对我的项目无效。我使用了每个-webkit-，-moz-，-o-和其他不起作用的东西。我确实卸载了谷歌浏览器，我再次安装它，但不工作。我的代码：

的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;
}

Answer 1

要使转换双向工作，请将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>

CSS3＆amp; HTML5;过渡不起作用

1 个答案: