css transition-property属性用于规定应用过渡效果的CSS属性的名称，其语法是transition-property: none|all|property；过渡效果通常在用户将鼠标指针浮动到元素上时发生。
css transition-property属性怎么用？
作用：transition-property 属性规定应用过渡效果的 CSS 属性的名称。（当指定的 CSS 属性改变时，过渡效果将开始）。提示：过渡效果通常在用户将鼠标指针浮动到元素上时发生。
语法：
transition-property: none|all|property;
说明：
none 没有属性会获得过渡效果。
all 所有属性都将获得过渡效果。
property 定义应用过渡效果的 CSS 属性名称列表，列表以逗号分隔。
注释：请始终设置 transition-duration 属性，否则时长为 0，就不会产生过渡效果。
css transition-property属性使用示例
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:100px;
background:blue;
transition-property: width;
transition-duration: 2s;
-moz-transition-property: width; /* Firefox 4 */
-moz-transition-duration: 2s; /* Firefox 4 */
-webkit-transition-property: width; /* Safari and Chrome */
-webkit-transition-duration: 2s; /* Safari and Chrome */
-o-transition-property: width; /* Opera */
-o-transition-duration: 2s; /* Opera */
}
div:hover
{
width:300px;
}
</style>
</head>
<body>
<div></div>
<p>请把鼠标指针移动到蓝色的 div 元素上，就可以看到过渡效果。</p>
<p><b>注释：</b>本例在 Internet Explorer 中无效。</p>
</body>
</html>效果输出：
Atas ialah kandungan terperinci css transition-property属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Cara menggunakan dc.rectangle
Memori yang boleh bertukar maklumat secara terus dengan CPU ialah a
Cara membuat carta dan carta analisis data dalam PPT
Bagaimana untuk membuka ramdisk
nombor python kepada rentetan
Kaedah Window.setInterval().
Berapa tahun anda perlu membayar insurans perubatan untuk menikmati insurans perubatan sepanjang hayat?
Platform mata wang digital domestik
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
