/*di container menu, ini yang kasih negative colour ke seluruh isi di contianer */
.header-blend{
mix-blend-mode: difference!important;
}
/* di textnya */
.logo-text a:hover{
text-decoration:none !important;
}
/* Atur container loop agar trigger hover */
.e-loop-item {
position: relative;
overflow: hidden;
}
.e-loop-item *{
text-decoration: none !important;
}
/* Target text marquee dan hilangkan saat idle */
.e-loop-item .portfolio-title {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.4s ease, transform 0.4s ease;
}
/* Saat hover, text muncul naik */
.e-loop-item:hover .portfolio-title {
opacity: 1;
transform: translateY(0);
}
/* text hide, saat hover muncul */
/* BUNGKUS CONTAINER */
.hover-reveal {
position: relative;
overflow: hidden;
}
/* SEMBUNYIKAN TEXT SAAT DEFAULT */
.hover-reveal .show-text{
opacity: 0;
transform: translateY(20px);
transition: opacity 0.4s ease, transform 0.4s ease;
position: relative;
z-index: 2;
}
/* MUNCULKAN SAAT HOVER */
.hover-reveal:hover .show-text,
.hover-reveal:hover .portfolio-title {
opacity: 1;
transform: translateY(0);
}
/* OVERLAY GELAP OPSIONAL SAAT HOVER */
.hover-reveal::before {
background: rgba(0, 0, 0, 0.4);
opacity: 0;
transition: opacity 0.4s ease;
}
/* AKTIFKAN OVERLAY SAAT HOVER */
.hover-reveal:hover::before {
opacity: 1;
}