📜  CSS 中具有多个属性的转换速记?

📅  最后修改于: 2021-08-30 09:47:04             🧑  作者: Mango

CSS 中的 transition 属性用于在元素中创建一些过渡。此属性平滑地更改值。本文包含 div 元素上的悬停效果,用于在过渡后更改元素的宽度和高度。
过渡属性列表如下:

  • 过渡属性
  • 过渡期
  • 转换时序函数
  • 转换延迟

句法:

div {
    transition:    ;
}

示例 1:



    
        
    
    
        

GeeksforGeeks

        

Search:

                         

输出:
过渡
注意:如果不指定持续时间部分,过渡将不起作用,因为它的默认值为0。过渡属性主要指定两件事。第一个是添加效果的 CSS 属性,第二个是持续时间,除非过渡效果较差。

示例 2:



    
        
    
    
        

GeeksforGeeks

        
        
                         

输出:
过渡