CSS3过渡的触发方式及编程实现

CSS3过渡（transition）是一种在元素属性值发生变化时实现平滑过渡效果的技术。它可以通过指定不同的触发方式来控制过渡的发生时机。下面将介绍CSS3过渡的几种常见触发方式，并提供相应的源代码示例。

1. 鼠标触发方式：
   通过鼠标事件来触发CSS3过渡效果，常见的事件包括鼠标悬停（hover）、鼠标点击（click）等。以下是一个使用鼠标悬停触发过渡效果的示例代码：

<style>
  .box {
     
     
    width: 200px;
    height: 200px