html 简单的淡入淡出图像悬停效果

Posted 2021-05-11

https://bavotasan.com/2011/a-simple-fade-with-css3/
<div class="logo_image">
<a  href="<?php echo $car_links[$i] ; ?>">
  <img src="<?php echo $image ; ?>"></a>
</div>



<style>
.logo_image {
    margin-bottom: 20px;
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.logo_image:hover {
    opacity: 0.5;
}

</style>