Loop Hover - zmiana koloru czcionek, tła, przycisku, rozdzielacza

1. Nadajemy kontenerowi klasę np. post-info

2. Wklejamy kod CSS:

.post-info {
transition: background-color 0.3s ease;
}

.loop-post:hover .post-info {
background-color: #635AD9 !important;
}

.loop-post:hover .post-info,
.loop-post:hover .post-info * {
color: #FFF !important;
fill: #FFF !important;
stroke: #FFF !important;
}

.loop-post:hover .post-info .elementor-widget-icon,
.loop-post:hover .post-info .elementor-widget-icon *,
.loop-post:hover .post-info .elementor-widget-icon svg {
color: #635AD9 !important; 
fill: #635AD9 !important;
stroke: #635AD9 !important;
}

Czy uważasz, że ten artykuł jest przydatny?