Elementor Tips: Try This Creative Card Hover Effects Today!

    

<style>
.card:hover{
   backdrop-filter: blur(5px);
}
@media only screen and (min-width: 767px) {
 .card_content{
    max-height:60px;
    transition:all 0.5s ease-out;
}
.card:hover .card_content{
    max-height:100%;
 }
}
</style>
<script>
jQuery(document).ready(function($){
    $(".card").hover(function(){
        var src = $(this).find('img').attr('src');
        $(".main_bg").attr('style','background-image:url('+src+')!important;');
    });       
});
</script>