css3文字移入移出

在CSS3中，文字移入移出效果可以通过使用hover伪类和transition属性来实现。

    .text-hover {
        transition: all ease-in-out .3s; //设置过渡动画效果
    }

    .text-hover:hover {
        color: #ff8800; //当鼠标移入时，文字变为橙色
        transform: translateY(-5px); //当鼠标移入时，文字向上移动5像素
    }

在上面的代码中，我们首先定义了一个text-hover类，它包含一个transition属性设置，该属性将在0.3秒的时间内使样式的变化过渡效果平滑。我们然后定义了一个:hover伪类，将会在鼠标移入时触发。在:hover下，我们定义了一个颜色属性，将文字颜色设置为橙色，同时通过transform属性的translateY函数将文字向上移动了5像素。

通过使用上述代码，您可以实现具有移入移出效果的文字，可以用于网站设计的各种元素，例如导航菜单、按钮等等。同时，您可以根据需要定制不同的动画效果，以使您的设计更具吸引力和个性化。