.target{
 transition: 0.5s clip-path; /*0.5秒でクリップマスクを動かす*/
}

.target img{
/* width: 100%;*/
}
.animeLeft{
 clip-path: inset(0 100% 0 0);/*左から右へ動くクリップマスク*/
}
.animeRight{
 clip-path: inset(0 0 0 100%);/*右から左へ動くクリップマスク*/
}

.animeDown{
  clip-path: inset(0 0 100% 0);/*下から上へ動くクリップマスク*/
  transition: 0.75s clip-path;
}


.animeUp{
 clip-path: inset(100% 0 0 0);/*下から上へ動くクリップマスク*/
}

/*要素が見えたときの見え方*/
.show-img{
 clip-path: inset(0 0 0 0);/*クリップマスクを広げる*/
}